https://github.com/fmahadybd/weather-dashboard
In this repository, I have built a full-stack Weather Dashboad app. It fetches data from an external API to display real-time weather updates. The backend is built with Spring Boot, and the frontend uses Angular. I
https://github.com/fmahadybd/weather-dashboard
angular19 api springboot
Last synced: 3 months ago
JSON representation
In this repository, I have built a full-stack Weather Dashboad app. It fetches data from an external API to display real-time weather updates. The backend is built with Spring Boot, and the frontend uses Angular. I
- Host: GitHub
- URL: https://github.com/fmahadybd/weather-dashboard
- Owner: fmahadyBD
- Created: 2025-03-18T06:59:06.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-18T23:52:57.000Z (7 months ago)
- Last Synced: 2025-06-20T09:07:54.860Z (4 months ago)
- Topics: angular19, api, springboot
- Language: TypeScript
- Homepage:
- Size: 7.96 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Weather Dashboard Application
## Technology Stack:
- **Backend**: Spring Boot
- **Frontend**: Angular
- **API Fetch**: Weather data is fetched from the backend API.
## Branches:
- **main**: Contains the production-ready code.
- **development**: Used for development and testing.
- **version-01**: Returns only the current weather data (without a table or chart).
- **version-02**: Includes a table view of hourly weather data.
- **version-03**: Will include chart visualization (work in progress).
## Screenshots
### Version 01:
![alt text]()
### Version 02:
---
# Project Details
## Version 01
### Backend:
#### API Endpoint:
- **URL**: `http://localhost:8080/api/weather/city`
#### Request Body (JSON):
```json
{
"city": "Dhaka"
}
```
#### Sample Response:
```json
{
"message": "Weather data fetched successfully",
"status": true,
"data": {
"temperature": 26.6,
"humidity": 78.0,
"windSpeed": 4.0,
"pressure": 1008.6,
"temperatureClassification": "Warm"
}
}
```
### Features:
1. **Weather Data Fetching**:
Users can enter a city, and the system will fetch the current weather data for that city. The API returns the following structure:
```json
{
"status": "ok",
"message": "string",
"status": boolean,
"data": {
"temperature": number,
"humidity": number,
"windSpeed": number,
"pressure": number,
"temperatureClassification": string
}
}
```
**Screenshot**: 
2. **Error Handling**:
If the city is not found or an error occurs, an error message will be displayed in both the frontend and console.
**Screenshot**: 
**Console Error**: 
3. **Validation**:
The application includes validation to prevent malicious attacks and ensure the integrity of input data.
---
## Version 02
### Backend:
#### API Endpoint:
- **URL**: `http://localhost:8080/api/weather/full-data/city`
#### Request Body (JSON):
```json
{
"city": "Dhaka"
}
```
#### Sample Response:
```json
{
"message": "Weather data fetched successfully",
"status": true,
"data": [
{
"date": "2025-03-18",
"time": "00:00",
"temperature": "25.2°C"
},
{
"date": "2025-03-18",
"time": "01:00",
"temperature": "24.8°C"
},
{
"date": "2025-03-18",
"time": "02:00",
"temperature": "24.5°C"
}
]
}
```
### Error Handling:
![Error Example]()
if any error happen, It will show
### Result:
---