Skip to content

SkyScope is a weather app that provides real-time updates for cities worldwide. Built with HTML, CSS, and JavaScript, it uses the OpenWeatherMap API for accurate data. Users can search cities to view current conditions like temperature, humidity, and with a responsive design for all devices.

Notifications You must be signed in to change notification settings

kithvin/SkyScope

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤 SkyScope – A Simple & Responsive Weather App

SkyScope is a modern, lightweight weather application that provides real-time weather updates for any city worldwide. Built using HTML, CSS, and JavaScript, this app fetches accurate weather data from the OpenWeatherMap API and displays essential weather details, including temperature, humidity, and conditions with interactive weather icons.

✨ Features

✅ 🌍 City Search – Get real-time weather updates by entering any city name.

✅ 🌡 Temperature Display – Shows the current temperature in Celsius (°C).

✅ 💧 Humidity – Displays live humidity details.

✅ 🌦 Weather Conditions – Provides a description of the weather (clear, cloudy, rainy, etc.) with corresponding emojis.

✅ 📱 Fully Responsive – Designed to work seamlessly across all screen sizes.

🛠️ Tech Stack

🔹 Frontend: HTML, CSS, JavaScript 🔹 API: OpenWeatherMap API

🚀 How to Run SkyScope

1️⃣ Clone the Repository

git clone https://github.com/github-kithvin/SkyScope.git

cd SkyScope

2️⃣ Get an OpenWeatherMap API Key

• Create an account on OpenWeatherMap

• Generate an API key

3️⃣ Update API Key in JavaScript

• Open JS/main.js

• Replace new apikey

4️⃣ Run the App

• Open index.html file

🎯 Usage

• Enter a city name in the search bar.

• Click Get Weather to fetch the latest weather details.

🌐 Deployment

• The project is live and accessible at: (https://sky-scope-omega.vercel.app/)

About

SkyScope is a weather app that provides real-time updates for cities worldwide. Built with HTML, CSS, and JavaScript, it uses the OpenWeatherMap API for accurate data. Users can search cities to view current conditions like temperature, humidity, and with a responsive design for all devices.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published