Post

Weather App

A sleek weather app built with ReactJS, complete with Docker setup.

Discover a modern weather app built with ReactJS, designed to deliver real-time weather updates quickly and efficiently.

🚀 GitHub Repository

Explore the complete source code on GitHub and contribute or get insights.


🌩️ Features

  • Real-Time Weather: Fetch live weather data with a sleek user interface.
  • ReactJS: Built using the latest features of React for a seamless experience.
  • Docker-Ready: Easily deploy and run in a containerized environment.

🐳 Running the App with Docker

Note: This is my first attempt at using Docker! It’s been a fun and challenging experience to learn how containerization can simplify deployment.

  1. Pull the Docker Image
    1
    
    docker pull safallama/weather-app
    
  2. Run the App
    Replace your_api_key_here with your valid API key:
    1
    
    docker run -p 3000:3000 -e REACT_APP_WEATHER_API_KEY=your_api_key_here safallama/weather-app
    
  3. Running a Specific Version
    1
    
    docker pull safallama/weather-app:v1.0
    
  4. Run Using Image ID
    Use the image ID after pulling:
    1
    
    docker run -p 3000:3000 [image_id]
    
  5. Run with API Key & Image ID
    1
    
    docker run -p 3000:3000 -e REACT_APP_WEATHER_API_KEY=your_api_key_here [image_id]
    

🌐 Note: Make sure port 3000 is free on your local machine, and always use a valid API key for the weather service.

This post is licensed under CC BY 4.0 by the author.