/country-quiz-nc

challenge from https://devchallenges.io/challenges/Bu3G2irnaXmfwQ8sZkw8

Primary LanguageVue

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

Quiz Country NC

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

Overview

screenshot

Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:

  • Where can I see your demo?
  • What was your experience?
  • What have you learned/improved?
  • Your wisdom? :)

Built With

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.

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

Acknowledgements

User storys

Challenge: Create a country quiz app using an API. Use Front-end libraries like React or Vue. Don’t look at the existing solution. Fulfill user stories below:

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 ✅ Icon: https://google.github.io/material-design-icons/

API: https://restcountries.com/. Use data from the API to create questions and answers.

Contact