Giter Site home page Giter Site logo

geography-game's Introduction

GeoGenius

GeoGenius is a geography game that features a welcome page, 2 games called 'Flag Frenzy' and 'Country Quiz', and a leaderboard page.

Flag Frenzy

In Flag Frenzy, a flag is displayed on the screen and the player must guess the country that the flag represents. The game includes a variety of flags from different countries. It's a fun way to test and improve your knowledge of flags and countries.

Country Quiz

Country Quiz is a game where players are presented with 5 questions about a country. The questions cover various geographical information including the country's location in the North/South hemisphere, continent, capital city, population, and official language. The game is designed to test and improve player's knowledge of different countries and their characteristics.

Installation & Usage

To run the app, you have two options:

  1. You can download the source code and open the index.html file in a web browser. This will run the app locally on your computer.
  2. Alternatively, the app is also deployed on Render.com and can be accessed via the following URL: https://geo-genius.onrender.com/. This will run the app from the deployed location. (If you would like to run the server as well, you will need to clone and run the following repo - https://github.com/rickys93/geo-genius-server)

Once the app is running, you can navigate to the different pages using the navigation menu at the top of the page. The welcome page will provide an overview of the app and instructions on how to play the games. The Flag Frenzy and Country Quiz pages will take you to the respective games, where you can start playing right away. The leaderboard page will display the current high scores for the games.

Please note that for the best experience, the app should be run in a modern web browser that supports HTML, CSS, and JavaScript.

Flag Frenzy Instructions

Flag frenzy screenshot

  1. To start the game, press the "Click to Play" button on the Flag Frenzy page.
  2. Once the game starts, a countdown timer will begin from 60 seconds.
  3. A flag will be displayed on the screen, and you must type in the name of the country that the flag represents. You can type in the answer and hit "Enter" on your keyboard or press the "GUESS" button to submit your answer.
  4. If your answer is correct, it will say "CORRECT" and you will earn points. If your answer is incorrect, the correct answer will be displayed and the game will move on to the next flag.
  5. You can get a hint for each flag by clicking on the "HINT" button. This will give you a letter or a clue that might help you guess the country.
  6. The goal of the game is to earn as many points as possible within 60 seconds.

Country Quiz Instructions

Country quiz screenshot

  1. Press the "Start" button when you're ready to play.
  2. A timer will start counting down from 60 seconds. You will be given 5 questions about a series of countries.
  3. Answer each question, and once you've answered all 5, press the "Submit" button to move on to the next country.
  4. The game will end when the timer reaches 0, and your final score will be displayed.
  5. Enjoy the game and learn more about different countries and their facts

Leaderboard

Leaderboard screenshot

Technologies

  • HTML
  • CSS
  • JavaScript

Process

The GeoGenius project was developed as an educational game for a group of schools. The goal was to create an interactive and engaging way for students to learn about geography. The project was developed by a team of three using Agile methodologies.

The development process began with a brainstorming session to identify the key features and functionality of the game. The team then broke down the project into smaller, manageable tasks and assigned them to individual team members. The team used Agile methodologies, including daily stand-up meetings and sprint planning, to track progress and ensure that the project stayed on schedule.

The project was built using HTML, CSS, and JavaScript. The team chose these technologies because of their versatility and ease of use. The development timeline for the project was four days in total, and it was completed on time.

During the development process, the team did not have time to implement a proper testing and debugging process. The team focused on building the app, then deployed it on render.com, which is a free platform. However, the free version meant that it was slow to deploy new changes, which was an issue.

Overall, the GeoGenius project was a success, and it was well received by the schools that used it. The team learned a lot about the development process and Agile methodologies, and they are looking forward to applying their knowledge to future projects.

Screenshots/Images

Alt text

Wins & Challenges

Future Features

  • A more complicated score structure that rewards players for not using hints and going on streaks.
  • Different game modes such as "Blitz Mode" that challenges players to answer as many questions as possible in a short amount of time.
  • Support for keyboard presses, allowing players to type in answers and navigate the game using their keyboard.
  • Add more games related to geography like matching the capital city or matching the currency or match the national animal with the country
  • Support for multiple languages, enabling players to play the game in their native language.
  • Integration with social media platforms, so players can share their scores and compete with friends.

Licence

This project is licensed under the MIT licence.

geography-game's People

Contributors

rickys93 avatar tessc14 avatar charliept avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

tessc14

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.