First, make sure that you are using the correct version of node. Versions that have been used to develop this application include:
- v18.20.4
- v20.6.0
- v20.17.0
- v22.11.0
Then install the dependencies:
npm install
Then, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
This project was developed using NextJs, TailwindCSS, Shadcn and a Supabase Database as the backend storing our information.
For access to the supabase database, please contact us.
Concrete versions of packages and frameworks may be found in the package.json
file.
We deployed using Vercel instead of the gitlab cluster. The final deployment can be found under https://happiness-explorer.vercel.app
Rui Zhang - ./components/globe-explorer/*
, ./app/page.tsx
, ./app/layout.tsx
, initial header: ./components/ui/header.tsx
, Report
Tianjian Yi - ./app/compare/*
, ./components/ui/custom-line-chart.tsx
, Poster, Report
Tamàs Nemes - ./lib/*
, ./app/leaderboard/*
, ./components/AnimatedGlobe.tsx
,./components/Leaderboard.tsx
, ./components/LeaderboardRow.tsx
, ./components/ThemeProvider.tsx
,./components/ThemeToggle.tsx
, ./components/YearSelection.tsx
, Supabase backend, Animated Logo using Rive, Logo design, Figma initial page design
Ian Wimmer - ./components/ui/country-detailed-view.tsx
, ./components/ui/custom-bar-chart.tsx
, ./components/ui/custom-card.tsx
, ./components/ui/custom-line-chart.tsx
, ./components/ui/custom-radial-bar-chart.tsx
, ./components/ui/header.tsx
, ./app/layout.tsx
, (Supabase backend), WCAG 2.1 AA evaluation, Poster