https://github.com/raselshikdar/skycast-weatherapp
SkyCast-WeatherApp: An advanced weather forecasting web app using OpenWeather API, built with HTML, CSS, and JavaScript, and deployed on Vercel.
https://github.com/raselshikdar/skycast-weatherapp
openweather-api weather weather-api weather-app weather-forecast
Last synced: about 1 year ago
JSON representation
SkyCast-WeatherApp: An advanced weather forecasting web app using OpenWeather API, built with HTML, CSS, and JavaScript, and deployed on Vercel.
- Host: GitHub
- URL: https://github.com/raselshikdar/skycast-weatherapp
- Owner: raselshikdar
- Created: 2025-03-26T13:06:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-26T14:06:34.000Z (about 1 year ago)
- Last Synced: 2025-03-26T14:29:53.501Z (about 1 year ago)
- Topics: openweather-api, weather, weather-api, weather-app, weather-forecast
- Language: JavaScript
- Homepage: https://skycast-web.vercel.app/
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **SkyCast-WeatherApp**
**SkyCast-WeatherApp** is an advanced weather forecasting web application that provides real-time weather updates using the **OpenWeather API**. Built with **HTML, CSS, and JavaScript**, this app offers accurate weather details, including temperature, wind speed, humidity, and more. The project is **open-source** and deployable on **Vercel**.
## **📌 Features**
✔️ **Search by City Name** – Get weather details for any city worldwide
✔️ **Use Current Location** – Fetch real-time weather using Geolocation API
✔️ **Detailed Forecast** – View temperature, humidity, wind speed, and conditions
✔️ **Dynamic UI** – Updates weather information dynamically
✔️ **Fully Responsive** – Works seamlessly on all devices
✔️ **Secure API Handling** – Uses GitHub secret variables for API keys
## **🚀 Live Demo**
🔗 **[View on Vercel]([https://skycast-web.vercel.app/])**
## **📖 Installation Guide**
### **1️⃣ Clone the Repository**
```sh
git clone https://github.com/raselshikdar/SkyCast-WeatherApp.git
cd SkyCast-WeatherApp
```
### **2️⃣ Install Dependencies (Optional for Future Enhancements)**
```sh
npm install
```
### **3️⃣ Setup OpenWeather API Key**
- Get an API key from [OpenWeather](https://openweathermap.org/api).
- Go to **GitHub Repository Settings → Secrets and Variables → Actions**.
- Add a new secret with the name:
```
OPENWEATHER_API_KEY = your_api_key_here
```
### **4️⃣ Run Locally (Live Server Required)**
```sh
npx live-server
```
### **5️⃣ Deploy to Vercel**
```sh
vercel deploy
```
## **🛠 Technologies Used**
🔹 **Frontend:** HTML, CSS, JavaScript
🔹 **API:** OpenWeather API
🔹 **Deployment:** Vercel
🔹 **Version Control:** Git & GitHub
## **📩 Contributing**
Want to improve this project? Follow these steps:
1. **Fork the Repository**
2. **Create a New Branch:** `git checkout -b feature-branch`
3. **Make Your Changes**
4. **Commit Changes:** `git commit -m "Added new feature"`
5. **Push to GitHub:** `git push origin feature-branch`
6. **Create a Pull Request**