[go: nahoru, domu]

Skip to content

📋 Stay organized and boost productivity with todos, a minimalist ToDoList React app powered by Context API, and useReducer ⚡️

Notifications You must be signed in to change notification settings

Lukashatirishvili/todolist-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📋 ToDoList

Welcome to ToDoList! This app helps you efficiently manage tasks, featuring adding, completing, and deleting tasks, with filter options based on completion status.

Features

  • 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.

Technologies Used

  • 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.

Usage

  • 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).

Contributing

Contributions are welcome! If you'd like to contribute to usePopcorn, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature-branch).
  6. Create a new Pull Request.

Deployment

The app is deployed on Vercel. To visit the deployed version click here.

Contact

If you have any questions, feedback, or suggestions, please feel free to reach out to lukkashatirishvili@gmail.com

About

📋 Stay organized and boost productivity with todos, a minimalist ToDoList React app powered by Context API, and useReducer ⚡️

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published