Web final project
- Set up project environment
- Skeleton Code
- Set theme with context provider
- Logo & button at top right corner
- Bottom navbar
- Enable routing between different pages
- Firebase authentication
- Log in, sign up, & forget passward pages
- Firestore as database
- Home page
- Check-in page
- Check-in form
- Globe visualization
- Badges page
- Ranking page
- Change font style
- Improve styling for log in/sign up
- Fix visualization when markers on globe are too crowded
- Change JOIN US redirect on Home page
npm i
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
npm run deploy
- Material-UI
- Firestore API
- Firebase Authentication API
- Google Maps API
- Convert UX design into code (Youtube tutorial)
- Grommet
- AOS
- Framer Motion