django-json / countryquizchallenge

A country quiz app (client) created using React.js (CRA) challenged by @devchallenges.io

Country Quiz Challenge

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

• You can check the demo here.
• This challenge is fun to do. I am able to work with data structure where I design the raw data fetched from the third-party API in a new form that suit the app needs.
• This is the repo I deployed to Netlify so I could directly fetched the API data in the client side and store the data to the localstorage but I have done an experimentation where I have a client app (you can check the other branch in this repo) that run together with my own backend API using Express.js and Redis (for data caching).

Built With

• React
• classnames
• prop-types

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories:

• User story: I can see at least 2 types of questions: a city is the capital of.. or a flag belong to country..
• User story: I can see select an answer
• User story: I can see if my answer is correct or incorrect
• User story: When I answer correctly, I can move on to the next question
• User story: When I answer incorrectly, I can see my results and try again
• User story: I can try again

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/django-json/countryquizchallenge

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• DevChallenges.io

Contact

• GitHub @django-json