https://github.com/kielx/country-quiz
React based country quiz utilizing RESTCountries API
https://github.com/kielx/country-quiz
quizapp react restcountries-api
Last synced: 3 months ago
JSON representation
React based country quiz utilizing RESTCountries API
- Host: GitHub
- URL: https://github.com/kielx/country-quiz
- Owner: Kielx
- License: mit
- Created: 2021-08-04T19:58:44.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-25T19:18:17.000Z (almost 4 years ago)
- Last Synced: 2025-04-08T08:43:38.231Z (6 months ago)
- Topics: quizapp, react, restcountries-api
- Language: JavaScript
- Homepage: https://country-quiz.pantak.net
- Size: 2.98 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Country Quiz
## Table of Contents
- [Table of Contents](#table-of-contents)
- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How To Use](#how-to-use)
- [Contact](#contact)
## Overview
Country quiz is a relatively simple app that utilizes RESTCountries API to create a quiz about world countries. It was a challenge from devChallanges.io which provided the idea and a set of user stories to build the app.
I wanted to utilize the RESTCountries API since I first heard about it. My first take on it was to create a SPA (Single Page Application) that provided info about a particular country. It would be a decent learning experience nevertheless boring and not interactive. When I got the quiz idea I was sold. Managed to code it in two days thanks to TailwindCSS and React. The outcome looks good, is fun and useful.
### Built With
- [React](https://reactjs.org/)
- [Tailwind](https://tailwindcss.com/)
## Features
This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/Bu3G2irnaXmfwQ8sZkw8) was to build an application to complete the given user stories.
## How To Use
App is pretty straightforward. Just choose the correct answer from available options.
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name
# Install dependencies
$ npm install
# Run the app
$ npm start
```
## Contact
- [Website](https://pantak.net)
- [GitHub](https://github.com/Kielx)