Skip to content

Ourouimed/React-todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React js To do list Application

This is my first REACT js Application , it's a to do list app

Features

  • Add tasks
  • Update and Remove tasks
  • Check Completed tasks
  • Save tasks and their status (if completed or not) to user browser local storage

Installation

1 - Clone this repositiry to your device

git clone https://github.com/Ourouimed/React-todo.git
cd React-todo

2 - Install dependencies:

npm install

3 - run App

npm start

Dependencies

  • Node js
  • React js
  • Tailwind css
  • Material UI icons

Live preview & screenshots

screen Shot 1

For live Preview Click here

Folder structure

react-todo
├── build
├── node_modules
├── public
│   └── index.html
├── src
│   ├── App.js         # Main application file
│   ├── index.css      # Styling for the application
│   ├── index.js       # Entry point of the application
│   ├── reportWebVitals.js
│   └── setupTests.js
├── .gitignore         # Ignored files for Git
├── package-lock.json  # Package lock file
├── package.json       # Project metadata and dependencies
├── README.md          # Project documentation (this file)
└── tailwind.config.js # Tailwind CSS configuration