https://github.com/cybercoder-naj/countries
This is the tutorial for the Summer Camp Course that I teach on Schoolhouse.world.
https://github.com/cybercoder-naj/countries
bootstrap composition-api javascript nuxt nuxt3 nuxtjs rest rest-api restful-api typescript vue vuejs
Last synced: 3 months ago
JSON representation
This is the tutorial for the Summer Camp Course that I teach on Schoolhouse.world.
- Host: GitHub
- URL: https://github.com/cybercoder-naj/countries
- Owner: cybercoder-naj
- Created: 2022-06-04T14:52:53.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-13T14:09:40.000Z (over 3 years ago)
- Last Synced: 2025-02-07T17:45:52.979Z (over 1 year ago)
- Topics: bootstrap, composition-api, javascript, nuxt, nuxt3, nuxtjs, rest, rest-api, restful-api, typescript, vue, vuejs
- Language: Vue
- Homepage: https://countries-cybercoder-naj.vercel.app/
- Size: 145 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# REST Countries
This is a solution to the [REST Countries API with color theme switcher challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). This is also the tutorial for the Summer Camp Course that I teach on [Schoolhouse.world](https://schoolhouse.world/series/1803?ref=u-z1aylccz1vjxlx).
## Table of Contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [Built with](#built-with)
- [Setup](#setup)
## Overview
### The challenge
Users should be able to:
- See all countries from the API on the homepage
- Search for a country using an `input` field
- Filter countries by region
- Click on a country to see more detailed information on a separate page
- Toggle the color scheme between light and dark mode
### Screenshot
### Links
- Live Site URL: [Countries](https://countries-cybercoder-naj.vercel.app/)
## Built with
- Nuxt.js v3.0.0-rc03
- Bootstrap
## Setup
Clone the repository using the `git clone` command:
```bash
git clone https://github.com/cybercoder-naj/countries.git
```
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
```
## Development Server
Start the development server on http://localhost:3000
```bash
npm run dev
```
## Author
- Website - [Nishant Aanjaney Jalan](https://cybercoder-naj.github.io)