Skip to content

Latest commit

 

History

107 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Coding

Watch the Video

GEOTHUSIASM

Geothusiasm is a Geography game where you have to select the right flag. An interesting fact will be displayed for you to learn!

Installation & Usage

Installation

  • Clone or download the repo

Usage

  1. Open your terminal
  2. Navigate to the frontend folder and open index.html with LiveServer extension
  3. Click Help button on the top right of the Main menu page to read instructions on how to play
  4. Click start game and enjoy!

Technologies & Tools

  • JavaScript
  • HTML
  • CSS
  • Express
  • Node
  • Git
  • Figma
  • Render

Process

  • Basic design was drawn up on Figma.
  • Coded and deployed API on render.
  • Built game using HTML, CSS and JavaScript.
  • Wrote code for interactivity using DOM manipulation.

Wins & Challenges

Wins

  • Managed to create an API with information on flag images, countries and facts, and deployed it on render.
  • Managed to create a post request to store names and scores.
  • Built a frontend to retrieve information from the API.
  • Used the DOM efficiently on the front end for user interactivity.

Challenges

  • Getting top 10 scores from the API, then sorting them and posting them on a modal window (leaderboard)
  • Assigning correct answer to the right button when a randomly generated flag is brought over from the API

Bugs

  • No bugs as of 10/11/2023.

Future features

  • Time limit for each flag.
  • Login feature.
  • Count for wrong answers.
  • Multiple facts for each country (different facts displayed each time).
  • More countries on the API.
  • Flags cannot appear more than once.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages