Welcome to ToDoList! This app helps you efficiently manage tasks, featuring adding, completing, and deleting tasks, with filter options based on completion status.
- Task Management: Add, complete, and delete tasks seamlessly.
- Completion Status Filtering: Filter tasks based on whether they are completed, active, or view both.
- Data Persistence: Your task list is saved locally using browser storage, ensuring your tasks persist across sessions.
- Responsive Design: Enjoy a user-friendly experience across various devices, from desktops to smartphones.
- React: JavaScript library for building user interfaces.
- HTML & CSS: Markup and styling for the application.
- Context API: For managing global state in React components.
- useReducer Hook: For managing state transitions in React components.
- localStorage API: For persisting task data on the client-side browser storage.
- Adding a Task: Enter your task in the input field and press
Enter
or click the Add button. - Completing a Task: Click the checkbox next to the task to mark it as completed.
- Deleting a Task: Click the delete button (usually represented by a trash icon) next to the task to remove it from the list.
- Filtering Tasks: Use the filter buttons to view tasks based on their completion status (All, Active, Completed).
Contributions are welcome! If you'd like to contribute to usePopcorn, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes.
- Commit your changes (
git commit -am 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Create a new Pull Request.
The app is deployed on Vercel. To visit the deployed version click here.
If you have any questions, feedback, or suggestions, please feel free to reach out to lukkashatirishvili@gmail.com