Skip to content

This SPA application was created to retrieve information about different countries.

Notifications You must be signed in to change notification settings

bambuuk/countries-flags

Repository files navigation

Description

This SPA application was created to retrieve information about different countries. Here, I used React, Styled-components, and the Restcountries API. It is adapted for all standard mobile device screen sizes.

Tools:

  • react.js
  • react-icons
  • react-router-dom v6
  • react-select
  • styled-components
  • axios
  • restcountries API

Features:

  • Filtering countries by region Home page
  • Filtering countries by country name Home page
  • Go to a separate country page by clicking on it Home page
  • Switching theme
  • Going to Home page by clicking on "Where is the world?" in Header

Running the project locally

  • Clone the branch to your computer.
  • Run the npm run dev command in the integrated terminal of your IDE to run the project locally.
  • Open the following link to see the project if it hasn't opened automatically: http://localhost:5173.
  • Delete basename from routing in routing.jsx file and in vite.config.js