React JS Project Management Application With Firebase
by Keith Rowles • 03/01/2024React
Summary
React JS multi-page project management website with authentication, database storage, file storage and Google hosting.
This project was part of the Net Ninja React JS + Google Firebase Course on Udemy.
Notes:
Registered users can login, sign up, then create projects and assign users to each project.
Unregisterd users will only see the login screen and the register screen.
The application has route guarding implemented to cater for unauthorised access to routes.
Also, rules have been setup on the backend where only authenticated users can add and delete their own items.
Tech and Tools
- JavaScript
- CSS
- HTML
- Google Authentication
- Google Firestore Database
- Google Hosting
- Goolge Storage
- React
- React Router Dom
React JS
The demonstration uses the following React JS features:
- Hooks
- useState
- useEffect
- useReducer
- useContext
- useRef
- Components
- API
Demo
Open demo on Google hosting.
Link to Demo