React To-Do App — Task Management Web App

This is a simple To-Do list web application built using React, Vite and Tailwind CSS.

You can create tasks, delete them, and move them up or down to organize your list.

The app is lightweight, fast, and deployed using GitHub Pages.

The UI automatically switches between light mode and dark mode based on the user’s system theme.

How It Works

• Type a task in the input box
• Click Add to add it to the list
• Use Up or Down buttons to reorder tasks
• Click Delete to remove a task
• If there are no tasks, a message asks you to add one
• UI theme follows system preference (dark or light)

Built With

• React
• Vite
• Tailwind CSS

Features

• Add tasks
• Delete tasks
• Reorder tasks (move up / move down)
• System based dark and light mode
• Simple and clean UI
• Fast build using Vite
• Supports GitHub Pages deployment

Live Demo

https://a6hijeet.github.io/react-todo/

Getting Started

Clone the project, install dependencies and run:

git clone git@github.com:a6hijeet/react-todo.git

cd react-todo

npm install

npm run dev

Build

Create a production build:

npm run build

Deploy (GitHub Pages)

Deploy the app:

npm run deploy

Future Improvements

• Save tasks using localStorage
• Edit tasks
• Mark completed tasks