https://github.com/sushobit/weather-forecast-web-application
Welcome to the Weather App!
https://github.com/sushobit/weather-forecast-web-application
apicall materialui openweathermap-api reactjs typescript
Last synced: 7 days ago
JSON representation
Welcome to the Weather App!
- Host: GitHub
- URL: https://github.com/sushobit/weather-forecast-web-application
- Owner: sushobit
- Created: 2024-09-07T14:31:06.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-07T14:41:24.000Z (almost 2 years ago)
- Last Synced: 2025-07-29T17:38:34.008Z (11 months ago)
- Topics: apicall, materialui, openweathermap-api, reactjs, typescript
- Language: TypeScript
- Homepage: https://weather-forecast-web-app-sushobhit.vercel.app
- Size: 2.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App Documentation
## Overview
Welcome to the **Weather App**! This web application fetches and displays weather data for cities around the world. It features an interactive, visually appealing interface with dynamic backgrounds and weather data for each city.
---
## Key Features
### Display Cities in a Table with Infinite Scroll
- The table contains columns for **City Name**, **Country**, **Timezone**, and **Coordinates**.
- As you scroll, additional cities are dynamically loaded without page refresh.
### Weather-based Dynamic Backgrounds
- The background dynamically changes based on the current weather conditions, using weather APIs.
- **Sunny:** Bright, warm Background Image.
- **Rainy:** Cool, blue shades Background Image.
- **Cloudy:** Gray or Cloudy toned Background Image.
### City Weather Details
- Click on a city name to view detailed weather information.
### Sorting and Filtering
- **Column Sorting**: Click on the headers (City Name, Country, Timezone, etc.) to sort the data.
- **Search Functionality**: Use the search bar to filter cities by name.
### 5. Responsive Design
- The application is fully responsive, ensuring a smooth experience on desktops, tablets, and mobile devices.
---
## Deplyment Link:- [weather-forcast-app-vercel.app](https://weather-forecast-web-app-sushobhit.vercel.app/)
## Video
https://github.com/user-attachments/assets/fe690a49-4a07-44a3-9977-eefe938ed693