Skip to content

krzysztofhewelt/rest-api-countries

Repository files navigation

main page dark REST COUNTRIES API

Simple and responsive website about countries using REST Countries API with color theme switch and multilingual support.

Features   |   Getting started  |   Technologies and tools  |   Screenshots  |   License

Features

  • provides information about countries from REST Countries API
  • search countries by common name (in all supported languages) and filter by region
  • see country details
  • dark and light style theme available
  • multilingual support (available now: English and Polish)
  • remembers user settings (style theme and language)

Getting started

  1. Clone this repo
git clone https://github.com/krzysztofhewelt/rest-api-countries
  1. Install dependencies
npm install
  1. Run dev server
npm run dev
  1. Open http://127.0.0.1:5173/ with your browser to launch the app.

Used technologies and tools

  • HTML5
  • Tailwind CSS v3.2.4
  • Vue 3 and libraries:
    • Vuex
    • Axios
    • Lodash
    • vue-router
    • v-lazy-image
  • bundler: vite
  • code formatting: ESLint and Prettier
  • IDE: Jetbrains WebStorm

Screenshots

main page light

main page polish

search

country details

responsive main page

responsive country details

License

Distributed under the MIT License.