Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ourouimed/react-todo
This is my first REACT js Application , it's a to do list app
https://github.com/ourouimed/react-todo
css hooks html js localstorage material-icons material-ui nodejs npm react reactjs tasks todo todolist useeffect usestate
Last synced: 16 days ago
JSON representation
This is my first REACT js Application , it's a to do list app
- Host: GitHub
- URL: https://github.com/ourouimed/react-todo
- Owner: Ourouimed
- Created: 2025-01-16T07:50:57.000Z (19 days ago)
- Default Branch: main
- Last Pushed: 2025-01-16T11:55:55.000Z (19 days ago)
- Last Synced: 2025-01-16T12:37:07.804Z (19 days ago)
- Topics: css, hooks, html, js, localstorage, material-icons, material-ui, nodejs, npm, react, reactjs, tasks, todo, todolist, useeffect, usestate
- Language: JavaScript
- Homepage: https://ourouimed.github.io/React-todo/
- Size: 957 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
git clone https://github.com/Ourouimed/React-todo.git
cd React-todo
```
2 - Install dependencies:
```bash
npm install
```
3 - run App
```bash
npm start
```
## Dependencies
- Node js
- React js
- Tailwind css
- Material UI icons
## Live preview & screenshots
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
```