tiffany831101 / weather-app

Weather App

A simple weather app that provides accurate weather forecasts for the next 36 hours in Taiwan.

Table of Contents

• Weather App
  • Table of Contents
  • Usage
    • Installation
    • Running the App
  • Features
  • Technologies

Usage

Installation

To run the Weather App on your local machine, follow these steps:

1. Clone the repository.
2. Install Docker (if not already installed).
3. Install Minikube (if not already installed).

Running the App

To start the Weather App:

1. Start Minikube (if not already running):
   • minikube start
2. Verify if Kubernetes is properly set:
   • kubectl version
3. Link local Docker to Minikube:
   • minikube docker-env
   • Execute each output line in your terminal.
4. Build Docker Images:
   • docker build -t weather-page:latest ./page
   • docker build -t weather-api:latest ./api
5. Apply page deployment and services in Kubernetes:
   • kubectl apply -f page-deployment.yaml
6. Apply API deployment and services in Kubernetes:
   • kubectl apply -f api-deployment.yaml
7. Apply Ingress:
   • kubectl apply -f weather-app-ingress.yaml
8. Allow local access to the app:
   • minikube tunnel
9. Open Your Browser and visit http://localhost. Enjoy a Sunny Day ☀️!

• You will see the home page:
• Select Your Location:
• Have a nice day!
• Toggle to Show Preferred Data:

Features

• Get weather forecasts for the next 36 hours.
• Displays temperature, weather conditions, and other relevant information.

Technologies

This Weather App is built using the following technologies:

• Frontend:
  • React
    • Version: ^18.2.0
  • apollo-client
    • Version: ^3.7.17
  • MUI
    • Version: ^5.14.2
• Backend: GraphQL
  • apollo-server
    • Version: ^3.12.0
• Containerization:
  • Docker
    • Version: 20.10.14
• Orchestration:
  • Kubernetes (Minikube for development)
    • Version: v1.31.0