Skip to content

This project is a frontend application built with React that displays weather data on a map for 24 districts in Sri Lanka. The weather data includes temperature, humidity, air pressure, and the latest updated date. The data is synced from a backend API.

Notifications You must be signed in to change notification settings

A-Samod/weather-api-frontend

Repository files navigation

Student ID : COBSCCOMP4Y222P-011

WEATHER MAP FRONTEND

This project is a frontend application built with React that displays weather data on a map for 24 districts in Sri Lanka. The weather data includes temperature, humidity, air pressure, and the latest updated date. The data is synced from a backend API.

DEMO

You can find a live demo of the application here.

FEATURES

  • Displays weather data on a map for 24 districts in Sri Lanka.
  • Shows temperature, humidity, air pressure, and the latest updated date.
  • Includes a search option to find weather data for specific districts.
  1. Weather Map:

    Weather Map

  2. Weather Details:

    Weather Details

  3. Search Functionality:

    Search Functionality

Installation

  1. Clone the repository:
git clone https://github.com/A-Samod/weather-api-frontend
  1. Navigate to the project directory:
cd weather-api-frontend
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. Open http://localhost:3000 to view it in the browser.

Backend Repository

The backend repository for this project can be found here.

UML SEQUENCE DIAGRAM

SEQUENCE DIAGRAM

CLOUD ARCHITECTURE

CLOUD ARCHITECTURE

About

This project is a frontend application built with React that displays weather data on a map for 24 districts in Sri Lanka. The weather data includes temperature, humidity, air pressure, and the latest updated date. The data is synced from a backend API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published