Todo List App

Manage your daily tasks efficiently and effortlessly with this simple and intuitive Todo List web application built using React.

Features

• Add tasks: ➕ Easily add new tasks through a text field or a form. The newly added tasks will be displayed in the pending tasks list.
• Mark tasks as completed: ✅ Each task in the list can be marked as completed. Completed tasks will be visually differentiated and moved to the completed tasks section.
• Delete tasks: ❌ Remove tasks from the list either by clicking a dedicated delete button associated with each task or by using a right-click deletion option.
• Filter tasks: 🔍 Filter tasks based on their status (pending or completed) to focus on relevant tasks according to your needs.
• Data persistence: 💾 Enable data persistence by storing tasks in the browser's local storage, allowing users to access their tasks even after closing and reopening the application.

Additional Features (Optional)

Feel free to implement these additional features to enhance your Todo List app:

• Set task deadlines: Add the ability to set deadlines for tasks and display them prominently. ⏰
• Categorize or prioritize tasks: 🏷️ Organize tasks into categories or add priority levels to help users manage their tasks effectively.
• Reminders or notifications: Implement reminders or notifications for upcoming or overdue tasks. 🔔

Screenshots

• Desktop

• Mobile

Installation

Follow these steps to run the Todo List app locally:

1. Clone this repository: git clone https://github.com/ZekeScript/todo-list.git
2. Navigate to the project directory: cd todo-list
3. Install the dependencies: npm install
4. Start the development server: npm start
5. Open your browser and visit: http://localhost:3000

Contributing

Contributions are welcome! If you have any ideas for improvements or bug fixes, please submit a pull request. 🤝

License

This project is licensed under the MIT License. 📃

Acknowledgements

• This Todo List app was built using React, a JavaScript library for building user interfaces.
• The project structure and initial setup were inspired by Vite, a popular React boilerplate.

Contact

If you have any questions or feedback regarding this project, please feel free to reach out to me through my GitHub profile or via email. ✉️

Happy task management with the Todo List app! 🚀