An open API service indexing awesome lists of open source software.

https://github.com/codesahib/project-todo


https://github.com/codesahib/project-todo

Last synced: 3 months ago
JSON representation

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