Which country has more?

Hi! this is a game based in the popular Higher or Lower for geography fans (like me). This is the updated React version of the game that initially was in vanilla Javascript.

Live Preview Which country has more? Live Preview of the original vanilla js game and the original repo

How it works?

This game consists of choosing whether one country has more or less pupulation or territory than the other.

How it is made?

The stack for this project consisted in:

• React (useState, useRef, useContext)
• Typescript
• Tailwind CSS
• Chakra UI
• Vite
• API: Rest Countries API
• Deployed in Vercel

User stories

• The game shows an UI with a Header, two Card components and a Footer
• The game question with the mocks data works by press the More or Less buttons
• The game shows the next country and the second one moves to the first Card
• The game switches between area and population for the questions
• The game fetch data and displays it in the first reload
• The game works and can keep the count

Current To do's

• Change logo
• Replace all the useState for useReducer to manage the global state
• Fix the changes in height (problem with the title height)
• Fix the color of the scores (problem in production with tailwind classes)

Advanced to do's

• Bring leaderboard with Firebase
• Add animations

Feel free to contribute to this project c: