/The-LineUp

Hello... This is the place to mark your tasks and check them once done.

Primary LanguageJavaScript

The-LineUp

Hello... This is the place to mark your tasks and check them once done.

Problem Statement -

In college there are a lot of tasks to take care of. To ensure proper completion of every task before the deadline we need to manage all of them well. A to-do list helps us to keep track of our pending and completed tasks. It also refrains us from forgetting them. Both Jojo and Dodo have the to-do list and they are happy to do all of the tasks before deadline.

Basic Features -

  • An input field for the date (that will be the deadline of the task added).
  • Pending and completed tasks should be distinguishable.
  • The user can delete the task. (by clicking on the delete icon)
  • The top of the page shall show a quote that will change after every refresh. (You may use any API for this, for example:- Link)

Advanced Features -

  • Sort the task according to the deadline or date when the user added the task.
  • Add image functionality in addition to the name of the task.

Tech Stack -

  • Hypertext Markup Language
  • Cascading Style Sheets
  • Tailwind CSS
  • REACT
  • Javascript
  • API
  • JSON

How to run this file locally on your system?

  • Fork and clone the repo in your system.
  • run "npm install" in the project folder terminal to install all dependencies.
  • run "npx json-server --watch data/db.json --port 8000" to start the db.json file on port 8000.
  • run "npm-run-start" to start the react app.