https://github.com/codesahib/project-todo
https://github.com/codesahib/project-todo
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codesahib/project-todo
- Owner: codesahib
- Created: 2021-06-23T11:46:54.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-01-23T02:22:28.000Z (over 4 years ago)
- Last Synced: 2025-03-19T04:41:45.228Z (over 1 year ago)
- Language: JavaScript
- Size: 1.6 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# First React App
## Project-ToDo
### Motivation
There are todo list app available for a single tasks. But this web app will be a todo list to track projects. Each project can then have it's own set of tasks.
### Objective
To learn React.js library with a hands-on project
### Learnings
1. Setting up react up using **Node.js**.
2. React Components.
3. Communication between parent and child components using **props**.
4. React Hooks: **useState**.
5. Loading **Modals** to get user data and then storing in local JSON.
6. Styling using inline, external CSS.
### Screenshots
1. Main Page
2. Add a new Project
3. Edit existing project
4. Show tasks in a project
5. Add a new task
6. Edit task notes





