TodoApp is a simple and fast todo app built with React and Vite. It allows you to create, delete, check, uncheck and filter tasks with a Dark and Light mode user interface.
- Features
- Installation
- Usage
- Acknowledgements
- Add, delete, and mark tasks as done
- Filter tasks by status (all, active, or completed)
- Change theme (light or dark mode)
- Responsive design
To install and run TodoVite locally, you need to have Node.js and npm installed on your machine. Then follow these steps:
- Clone the repository:
git clone https://github.com/your-username/todovite.git
- Navigate to the project folder:
cd todovite
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and go to
http://localhost:3000
To use TodoApp, simply type a task name in the input field and press enter to add it to the list. You can delete a task by clicking on the delete icon next to it. You can also mark a task as done by clicking on the checkbox. To filter tasks by status, click on the tabs at the top [All, Active, Completed]. To change the theme, click on the toggle button at the top right corner of the app.