https://github.com/silmu/countries-weather-api

React application that is using REST Countries API and Open Weather API 🌎
https://github.com/silmu/countries-weather-api

countries-api javascript open-weather-api react react-router

Last synced: about 2 months ago
JSON representation

React application that is using REST Countries API and Open Weather API 🌎

• Host: GitHub
• URL: https://github.com/silmu/countries-weather-api
• Owner: silmu
• Created: 2022-08-15T10:56:23.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-07T14:53:03.000Z (over 2 years ago)
• Last Synced: 2023-03-05T02:40:30.050Z (about 2 years ago)
• Topics: countries-api, javascript, open-weather-api, react, react-router
• Language: JavaScript
• Homepage: https://geograf.herokuapp.com/
• Size: 1.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

[![CI/CD](https://github.com/silmu/countries-weather-api/actions/workflows/main.yml/badge.svg)](https://github.com/silmu/countries-weather-api/actions/workflows/main.yml)

# Countries & Weather 🌎 - React App

React application that is using REST Countries API and Open Weather API.

It shows detailed information about countries. Today's weather is shown for the countries' capitals.

# Getting started

! Important:

To run this project you need to get a key from [OpenWeather API](https://openweathermap.org/).

1. Clone repository

2. Run `npm install` to install dependencies

3. Create `.env` file.

4. Add your own weather API key in the `.env` file:

```

"REACT_APP_API_KEY=YOUR_OWN_WEATHER_API_KEY_HERE"

```

5. Run `npm start` to start the application

# Tech stack

1. [React.js](https://reactjs.org/)

2. [React router](https://reactrouter.com/)

3. [JavaScript](https://www.javascript.com/)