Welcome to the React To-Do App! This project is a simple and elegant to-do list application built with React and Vite. It allows you to add, edit, delete, and filter your tasks efficiently.
- Add Tasks: Quickly add new tasks with a name and description.
- Edit Tasks: Modify existing tasks to keep your list up-to-date.
- Delete Tasks: Remove tasks that are no longer needed.
- Filter Tasks: Filter tasks by their status (All, Not Completed, Completed).
- Responsive Design: Optimized for both desktop and mobile devices.
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool and development server.
- CSS: Custom styles for a sleek and modern look.
- ESLint: A tool for identifying and fixing linting issues in your code.
-
Clone the repository:
git clone https://github.com/harish-govindasamy/react-todo-task.git
-
Navigate to the project directory: cd react-todo-task
-
Install dependencies: npm install
🏃♂️ Running the App To start the development server, run: npm run dev To build the project for production, run: npm run build To preview the production build, run: npm run preview
📚 Usage
Add a Task: Enter the task name and description, then click "Add Todo". Edit a Task: Click the "Edit" button, modify the task details, and click "Save". Delete a Task: Click the "Delete" button to remove the task. Filter Tasks: Use the dropdown menu to filter tasks by their status.
🤝 Contributing
Contributions are welcome! Please fork the repository and create a pull request with your changes.
📄 License This project is licensed under the MIT License. See the LICENSE file for details.
👨💻 Author Created by Harish G - Batch59WD-T
🌟 Acknowledgements React Vite ESLint Made with ❤️ by Harish G