Iykelistic / React-Weather-app

React Weather

Weather App built with React. Live Demo

Tech Stack

React, Typescript, Redux, StyledComponents

Features

• Weather forecast for any city or place
• Find user location weather by utilizing GeolocationAPI
• One-click Celcius to Fahrenheit conversion and vice versa
• Dark Mode

Getting Started

First you need an API key from OpenWeatherMap, you can get one by creating an account on their website. After you got your API key, create a .env file at root directory of project, copy the line below to the file and replace YOUR_KEY with your OpenWeatherMap API Key.

REACT_APP_WEATHER_API_KEY=YOUR_KEY

Finally clone this repository, install dependencies and run the local server

cd reactweather
npm install
npm start

Credits

OpenWeatherMap (Weather data API)

Icons8.com (Weather icons)

Deployment Instructions To Docker

1. Create a Dockerfile with the following contents:

   • FROM nginx
   • COPY container /
   • COPY build/usr/share/nginx/html

2. Build the React application - This process generates the build/ directory containing static files

3. Build the Docker Image, it will create a runnable docker image.

4. Publish the Docker Image to some repository or run it on the local machine.