Keith

React JS Project Management Application With Firebase

by Keith Rowles • 03/01/2024React

Gradient with pink blue and peach colours

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