Countries-Information v1.0

About

The app "Countries-Information" is a useful tool for anyone looking to quickly and accurately obtain information about any country in the world. With just a few clicks, you can enter the desired country name and receive a wide range of information.


Features

  • Country search: allows users to search for information about any country in the world by typing its name.
  • Country information: the app provide a wide range of information about the selected country, including:
    • Flag
    • Official name
    • Common name
    • Continent
    • Capital
    • Area
    • Population
  • Users have access to application by:
    • Desktop
    • Mobile

Layout

  • Desktop

  • Mobile

Link to application

Countries Information

Getting Started

Rodando o Back-End

# Use the git clone command followed by the URL of the repository you want to clone. 
$ git clone git@github.com:joaovprimo/project-bounce-countries-backend.git

# To install the project's dependencies, use:
$ npm install 

# After the dependencies have been installed, you can run the application in development mode using:
$ npm run dev

# You can now test and modify the project as needed.

Rodando o Front-End

# Use the git clone command followed by the URL of the repository you want to clone. 
$ git clone git@github.com:joaovprimo/project-bounce-countries-front.git

# To install the project's dependencies, use: 
$ npm install 

# After the dependencies have been installed, you can start the project using:
$ npm start

# The application will open on the port: 3000 - go to http://localhost:3000

Tech Stacks

Front-End (React)

  • Axios
  • React Loader Spinner
  • React Router Dom
  • Styled-Components
  • Sweet Alert 2
  • Deploy: Vercel

Server (Node.js)

  • Axios
  • CORS
  • Dotenv
  • Express
  • Https-Status
  • Joi
  • Deploy: Render

External API

Rest Countries


GitHub Repositories

Author