Skip to content

9Yogesh9/to-do-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To Do List - React Live App

A responsive to do list build using react.

Build using ❤:

reactjs tailwindcss responsive

Features

⭕ jsonplaceholder API:

  • Fetch and show todo items from the api - https://jsonplaceholder.typicode.com/todos
  • Add a todo item, make a POST call to the above url (from where you are fetching) and save the item in react state. (This will be a dummy request, you won’t be able to add items to the server. But the request is valid and will send you some data. Read the guide).
  • Update the item, make a PUT call to the above url. (Again this is a dummy call).
  • Delete an item, make a DELETE call to the above url. (Again this is a dummy call).

⭕ Operations:

  • Add
  • Update
  • Delete
  • Toggle Complete/Incomplete tasks

⭕ Responsive UI

Installation

Run todo list with npm

  • Download zip file from this repo or just click here !
  • Navigate to the to-do-react folder
  • Run command npm start
  • You can use the project at http://localhost:3000

Screenshots

Dark Theme: App Screenshot

Light Theme: App Screenshot