Multiple Authentication

This project was bootstrapped with Create React App.

Firebase Live Site Link

The project was deployed at Firebase. One can access the link by clicking here Firebase Live Site Link.

Technology Used

• React.js
• Material UI
• React Router
• Firebase Authentication
• Context API
• MongoDB
• Node.js
• Express.js
• React Hook Form
• React Swiper JS
• Axios
• CRUD operations
• Heroku
• SweetAlert2

Project Features

1. This project is basically a test for authentication with privileges. Super Admin has full access but Admin has slightly less access. General user can't access the Admin panel.

2. User can register and sign in using their credentials. Form validation is completely done using React Hook Form.

3. The data displayed in the homepage is fetched from MongoDB. Used route parameter to fetch data dynamically from MongoDB and displayed accordingly.

4. Exhausted CRUD operations on multiple occasions while building the website.

5. In addition, used Material UI to make the website device responsive. Furthermore, I deployed the client side on Firebase which can be accessed through the above mentioned link. Server side is deployed using Heroku.

In order to access the client side code of this website, please click here.

We can get in touch through LinkedIn, Twitter or my email mehnazkhan231@gmail.com.

Thank you.

Some screenshots of the project