Visit Live Link from : http://brain-exercise-60233.web.app/
This project is been developed to test my knowledge in React Basically.Several Node packages been used here Like,
- react-router-dom
- tailwind css
- daisyUI
- react-hook-form
- react-to-pdf
- react-icons
- firebase
-
Create a brand new react app using
create-react-app
-
Connect with git
-
Create a new branch and push it to github
-
Install all the necessary packages one by one
-
Create a new firebase project and connect it with the app
-
Create a new folder for the firebase and create a firebase config file for the app
-
Create Components/Pages where necessary
-
Create Routes for the pages using
react router dom
-
Create a new folder for the context and create a context for the app
-
Create a Broken page form 404 routes
-
Create a Private route component and use it for the private routes.
-
Create Sign in and sign up methods using
firebase auth
-
Build app using
npm build
-
Connect the website with firebase hosting
-
Deploy the app using
firebase deploy
-
Go to the live link From Here and enjoy the app
- Responsive
- Dynamic
- PDF Download
- Authentication
- Private Route
- Custom CSS
- Custom Component
- Custom Context
- Custom Route
- Validation
- Firebase Hosting
- React Router
- Cool Icons