This is a simple boiler plate project for React Dashboard with SignUP, SignIN using Firebase. The routes are maintained in App.js file. To ease the process the project consumes React Functional Components along with Hooks - useState, useEffect.
This project is built using Material UI Library. Utilising following templates:
- Dashboard (https://material-ui.com/getting-started/templates/dashboard/)
- SignIN (https://material-ui.com/getting-started/templates/dashboard/)
- SignUP (https://material-ui.com/getting-started/templates/sign-up/)
This project utilises different material-ui components like:
- Date Picker
- Switch
- Text Field
- Select
- Custom Dialog Reusable Modal
- Icons
To begin,
- Pull the repo from Github.
- Use "npm install" to install all the node dependencies.
- Update src/Components/firebase.js file with your firebase project credentials.
- Run "yarn start" or "npm start" to start the project.
You will initially be redirected to SignIN page. Select the option "Don't have an account? SignUp" and you will be redirected to SignUP page. Enter credentials and you will be logged into Dashboard.
Video Demo Link: https://youtu.be/aWUr3GRbhhs