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 https://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

1. Material-UI
2. Firestore API
3. Firebase Authentication API
4. Google Maps API
5. Convert UX design into code (Youtube tutorial)
6. Grommet
7. AOS
8. Framer Motion