https://github.com/subhamk108/nextjs-quotes-todo

A simple ToDo app that also shows random quotes from eminent personalities.
https://github.com/subhamk108/nextjs-quotes-todo

api nextjs react reactjs rest-api todo-app todo-list

Last synced: about 1 month ago
JSON representation

A simple ToDo app that also shows random quotes from eminent personalities.

• Host: GitHub
• URL: https://github.com/subhamk108/nextjs-quotes-todo
• Owner: SubhamK108
• License: mit
• Created: 2024-04-20T01:23:19.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-26T20:21:20.000Z (9 months ago)
• Last Synced: 2024-04-26T21:28:58.899Z (9 months ago)
• Topics: api, nextjs, react, reactjs, rest-api, todo-app, todo-list
• Language: TypeScript
• Homepage: https://quotes-todo.subhamk.com
• Size: 288 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NextJs Quotes ToDo

> This was initially created for teaching & demonstrating the features of [NextJS](https://nextjs.org/) and [TailwindCSS](https://tailwindcss.com/).

## Features

- ### Quote Of The Day

  - Displays a random quote from eminent personalities.

  - The displayed quote can be replaced with a new random quote by clicking a button.

- ### Things To Do Today (ToDo)

  - A simple ToDo with `Add`, `Delete` & `Check/Uncheck` functions.

  - Initially, the app will populate the page with random ToDos fetched from an API, all of which can then be modified.

  - There is a `Sync Tasks` feature/button which can be used to save all the current ToDos in the browser's local storage, so unless the browser history/data is cleared, the current ToDos will always be available. If the browser history/data is cleared, then the current ToDos will be lost and the app will reset and again populate the page with random ToDos.

  - Additionally, this `Sync Tasks` feature can be extended to save the current ToDos into an actual Database (DB). Currently, it simply mocks a POST API call in addition to saving the current ToDos in the browser's local storage.

> All the APIs used in this app are from the wonderful [DummyJSON](https://dummyjson.com/) project.