https://github.com/webdevaminul/wda-mini-weather
Simple weather application built using vanilla JavaScript, HTML, and CSS that provides real-time weather updates based on user location or search queries.
https://github.com/webdevaminul/wda-mini-weather
html vanilla-css vanilla-javascript
Last synced: 7 months ago
JSON representation
Simple weather application built using vanilla JavaScript, HTML, and CSS that provides real-time weather updates based on user location or search queries.
- Host: GitHub
- URL: https://github.com/webdevaminul/wda-mini-weather
- Owner: webdevaminul
- Created: 2024-07-16T16:49:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-02T12:59:23.000Z (almost 2 years ago)
- Last Synced: 2024-08-02T14:36:37.110Z (almost 2 years ago)
- Topics: html, vanilla-css, vanilla-javascript
- Language: JavaScript
- Homepage: https://wda-mini-weather.vercel.app
- Size: 143 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [WDA-Mini-Weather](https://wda-mini-weather.vercel.app)
## Demo
## Overview
This is a simple weather application built using vanilla JavaScript, HTML, and CSS that provides real-time weather updates based on user location or search queries.
## Technologies Used
- HTML
- CSS
- JavaScript
- OpenWeatherMap API
- Geolocation API
## Features
- Real-time weather updates
- Geolocation support to fetch weather data for the user's current location
- Search functionality to get weather updates for any city
- Displays temperature, weather conditions, humidity, clouds, and pressure
- Loading indicator during data fetch
- Responsive design
## Setup and Running the Project
To run this project locally, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/webdevaminul/WDA-Mini-Weather.git
```
2. **Navigate to the Project Directory**:
```bash
cd WDA-Mini-Weather
```
3. **Open the project with Visual Studio Code (recommended)**:
```bash
code .
```
4. **Install a Live Server**:
Install the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension for Visual Studio Code if you haven't already
5. **Run the Live Server**:
Right-click on `index.html` and select `Open with Live Server`.
## Important
Ensure you have the Live Server extension installed in Visual Studio Code to run the project smoothly in a local development environment.
## Creadit & Contributions
Contributions are welcome! Please fork the repository and submit a pull request for any feature additions or bug fixes.
For any questions or inquiries, please contact [webdev.aminul@gmail.com].
Happy coding