This is a simple Todo App built using ReactJS, VueJS, and TailwindCSS. The app uses LocalStorage to persist data, so your tasks will be saved even if you refresh the page.
- Add, edit, and delete tasks
- Mark tasks as completed
- Filter tasks by status (all, active, completed)
- Persistent storage using LocalStorage
- Clone the repository:
git clone https://github.com/yourusername/todo-app.git
- Navigate to the project directory:
cd todo-app - Install dependencies:
npm install
- Start the development server:
npm start
- Open the app in your browser:
http://localhost:3000
- Start adding tasks by typing in the input field and pressing "Enter".
- Use the buttons next to each task to mark it as completed or delete it.
- Use the filter buttons to view all tasks, only active tasks, or only completed tasks.
We welcome contributions from the community. If you're new to open-source, here’s a great first issue to tackle:
There is a known issue where deleting a task doesn't always update the task list correctly. Sometimes the task appears to be deleted but reappears after a page refresh.
- Add a few tasks.
- Delete a task.
- Refresh the page.
- Observe that the deleted task reappears.
The issue likely lies in the way tasks are being updated in LocalStorage. A fresh pair of eyes might catch the bug!
Feel free to fork the repository, make your changes, and submit a pull request. Please include a detailed explanation of the changes and the steps to test them.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh