https://github.com/wizardous/project-management-react
A simple Projects and Tasks-tracking frontend application built using React.
https://github.com/wizardous/project-management-react
frontend node practice-project react udemy-course-project
Last synced: 4 months ago
JSON representation
A simple Projects and Tasks-tracking frontend application built using React.
- Host: GitHub
- URL: https://github.com/wizardous/project-management-react
- Owner: Wizardous
- License: gpl-3.0
- Created: 2023-12-17T11:28:28.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-02T19:26:16.000Z (almost 2 years ago)
- Last Synced: 2025-04-04T05:15:23.650Z (6 months ago)
- Topics: frontend, node, practice-project, react, udemy-course-project
- Language: JavaScript
- Homepage:
- Size: 482 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Project-Management-React
> A Simple Project and Task-tracking frontend application built in React.
## Project Description
Hello World,
This is a practice React project, which I built while I was learning React on one of the Udemy courses - ‘React - The Complete Guide 2023 (incl. React Router & Redux)’ by Maximilian Schwarzmüller.
The primary goal of this practice project was to help understand the fundamental concepts of React like functional components, use of props, refs, concepts like forward ref, prop drilling, and some important React hooks like `useState`, `useRef` etc. This project helps a lot in understanding how data can be passed around between components using props, as well as using refs and callback functions between components to control different parts of the application.
## Context API Branch
Although during the time of this project walkthrough in the course, the context API in react (or any sort of centralized state management tool) was not covered yet. Hence you will see a lot of prop drilling between components to pass around the app's state data. However, after I completed learning the context API, I restructured the project code to use the context API and make it easy to manage the state without the issue of prop drilling covering all of the JSX code. To check the second version of the project which I have created using the context API on the other branch named **context-api**.
## Future Objective
My next objectives will be to rewrite the project using some other cool features in React to learn more about them such as,
- [ ] Using Redux.
- [ ] Adding data persistence using IndexedDB and Local Storage.