Countries-app

Demo 📸

---

Application deploy with netlify: 💨

https://countries-app-wsl.netlify.app

📜 About the Project

Countries-app is a project that show all countries and your main informations.

📋 User Stories:

• - 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
• - Click through to the border countries on the detail page
• - Toggle the color scheme between light and dark mode
• - Keep dark/light mode, even after refreshing page

🛠 Technologies

React.js

Styled-components

Rest Countries API

SWR

Axios

TypeScript

React Spinners

react-router-dom

eslint

prettier

EditorConfig

---

💻 How to run the application

Pre-requisites:

You must have the tools installed: Git, Node.js.

# In the terminal, clone the project:
$ git clone https://github.com/Wesley-wsl/countries-app.git

# Enter the project folder:
$ cd countries-app

# Install dependencies:
$ yarn
or
$ npm install

# Run the application:
$ yarn start
or
$ npm run start

Okay, now you can access the application from the route: https://localhost:3000/