Skip to content

samuelcolares/dailyTodo_WishList

Repository files navigation


Logo

Daily To Do List

A enhanced To Do list that refresh completed tasks to pending tasks when another day starts
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact

About The Project

Daily TODO Screen Shot

Adult life is all about an everyday pile full of daily tasks to be completed. Sometimes, I forget one or another, so I made this little project to check if I don't forget anything important and also to enhance my knowledge of Redux.

This project uses localStorage (HTML Web Storage built-in API) so you can close the application whenever you feel like it, and when reopened, all the tasks will be there.

Every day at 00:00 of your local time, all tasks completed the day before will be unmarked as pending tasks.

(back to top)

Built With

Static Badge

  • Next.JS
  • React-Redux and Redux-Toolkit
  • localStorage

Static Badge

  • Shadcn/ui
  • TailwindCSS
  • Lucide

Static Badge

  • React-Hook-Form
  • Zod

Static Badge

  • Tanstack/tables

Static Badge

  • React-live-clock
  • Luxon

(back to top)

Getting Started

you can use the website link Daily To Do or you can update this project to your own version

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/samuelcolares/dailyTodo.git
  2. Install NPM packages
    npm install
  3. Start local with
    npm run dev

This is an example of how to install locally using NPM, but of course you can use, PNPM, YARN, BUN.

(back to top)

Usage

1. Creating a Task and defining priority level

Submitting Task Screenshot Task name must be minimum of 5 characters.

2. Filtering

2.1 By task name

Submitting Task Screenshot

2.2 By priority

Submitting Task Screenshot *You can also double filter by using filter by task and filter by priority

2.3 Quick Sort

Submitting Task Screenshot Submitting Task Screenshot

3. Check all or Uncheck all

Submitting Task Screenshot Submitting Task Screenshot

4. Update Task

By the actions cell column, you can change the task name or/and priority level

Submitting Task Screenshot

5. Delete Task

5.1 Delete single task

By the actions cell column, you can delete the selected task

Submitting Task Screenshot

5.2 Delete all tasks

Submitting Task Screenshot Submitting Task Screenshot

(back to top)

Roadmap

  • [ X ] Store management (CRUD) using redux-toolkit
  • [ X ] Syncing redux store with localStorage
  • [ X ] Reset tasks at midnight
  • [ X ] Filter options
  • future updates ??? choosing task to refresh monthly/weekly/daily

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Samuel Colares - LinkedIn - [email protected]

Project Link: Daily To Do

(back to top)