Weather App

Description:

Weather app created using NextJS, React, and Typescript.
Select a location on the map then press the button to receive the current weather data.

---

Features:

• React + Typescript
• NextJS
• Linting (ESLint)
• Formatting (Prettier)
• Testing (Jest)
• Containerized (Docker)

---

Preview:

Show

---

Developer Notes:

# Clone Repository
git clone https://github.com/sethcg/React-Weather-App.git

# Install Dependencies
npm install

# Run Application
npm run dev

---

Docker Notes:

Below are docker commands to setup both the development and production ready environments.

Development

# Create docker network
docker network create react-weather-app-network

# Build docker image
docker compose -f compose.dev.yaml build

# Run docker container
docker compose -f compose.dev.yaml up -d

Production

# Create docker network
docker network create react-weather-app-network

# Build docker image
docker compose -f compose.prod.yaml build

# Run docker container
docker compose -f compose.prod.yaml up -d

Remove Image/Container

# Stop Docker Container
docker stop react-weather-app

# Remove/Free Space
docker system prune -af --volumes

---

Credit:

• OpenWeather API
• Leaflet
• Carto Maps

The beginning of wisdom is this: Get wisdom. Though it cost all you have, get understanding.