Accessible Tasks

Project info

An accessible to-do list application built with React, TypeScript, and modern web technologies.

How can I edit this code?

There are several ways of editing your application.

Use any IDE

Simply clone this repository and open it in your favorite IDE. You can then make changes and push them to the repository.

The only requirement is having Node.js & npm installed

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

What technologies are used for this project?

This project is built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS

How can I deploy this project?

You can deploy this project to any hosting platform that supports static sites:

1. Build the project: npm run build
2. Deploy the dist folder to your hosting platform
3. Common platforms: Vercel, Netlify, GitHub Pages, etc.

Features

• Fully accessible to-do list application
• Keyboard navigation support
• Screen reader support
• Dark/Light theme toggle
• Task filtering (All, Active, Completed)
• Responsive design