egbecheva / country_quiz

Country quiz

Demo

Table of Contents

• Overview
  • Built With
• Features
• How to use

Overview

Built With

• React
• TypeScript
• Material UI
• Babel
• Webpack

Features

This project is a country quiz web application that utilizes a RESTful API to retrieve and display questions. The application features two types of questions: identifying the capital city of a country and matching a flag to its corresponding country.

Users are able to select their answer and receive immediate feedback on whether their answer is correct or incorrect. Upon answering correctly, users are able to progress to the next question. Incorrect answers are shown as well as the correct ones and the app prompts users to go to the next question, without allowing them to answer the same question again.

The application also shows the count of the correct answers at the end of the quiz and includes the ability for users to retry the latter. The user interface is intuitive and user-friendly. This project demonstrates knowledge in web development, RESTful API integration, and understanding of user experience.

Technologies used in the development of this project include React, RESTful API, JavaScript, and HTML/CSS, Webpack & Babel.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name
# Install dependencies
$ npm install
# Run the app
$ npm start