https://github.com/smdthiranjaya/geo-360-Server
https://github.com/smdthiranjaya/Geo-360
https://www.geo360live.tech/api-docs/#/
https://geo-360-1.onrender.com/
https://www.youtube.com/watch?v=HyUKIbl_MlI
Geo-360 is a React-based application designed to provide users with interactive geographical data visualization. Utilizing React with Leaflet for mapping, and a set of testing libraries for robust development, Geo-360 aims to deliver a seamless user experience in exploring geospatial information.
To develop a single-page application (SPA) and RESTful Web API that provide real-time weather updates (temperature, humidity, air pressure, wind speed) for Sri Lanka, enhancing the current weather information system.
Scope
- RESTful API: To serve real-time weather data.
- SPA: Interactive map displaying live weather data.
- Data Simulation: Use generated data for system testing.
- Cloud Deployment: Ensure scalability and accessibility.
- Security & Testing: Implement security measures and conduct thorough testing.
Explores the need for a real-time weather mapping system to improve upon Sri Lanka’s Department of Meteorology’s existing three-hour update cycle, utilizing IoT for live data on temperature, humidity, and air pressure across the island.
Details the design principles of a RESTful API and a React-based Single Page Application (SPA) to meet the project's goals, including data flow and user interaction.
Describes the technical architecture encompassing the backend server on Heroku, database integration using Heroku’s PostgreSQL, frontend deployment on Azure, domain management, and use of GitHub Actions for CI/CD.
Provides specifics on the REST API development with Node.js, including the use of Express, CORS, and other packages for backend functionality, along with Swagger for API documentation. Live Map Single Page Application (SPA) Implementation Outlines the creation of the React SPA using packages like Leaflet for mapping, detailing how the application consumes the API and presents data dynamically.
Discusses the use of Heroku's PostgreSQL for data storage and management, and Azure Web App Service for SPA hosting, ensuring a scalable cloud-based environment.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Before you start, ensure you have Node.js and npm installed on your machine. This project was bootstrapped with Create React App.
First, clone the repository to your local machine:
git clone https://github.com/smdthiranjaya/Geo-360.git
cd geo-360
Install the necessary packages:
npm install
To run the app in the development mode, use:
npm start
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.
To build the app for production to the build folder, run:
npm run build
Requests are proxied to the backend server specified in the package.json under the proxy field. Ensure this is set to your backend service URL for development purposes.