https://github.com/singhal-amit/sky-now

Real-Time 🌎 OpenWeather App 🌤️.
https://github.com/singhal-amit/sky-now

bootstrap css html javascript javascript-application openweather openweather-api openweathermap openweathermap-api weather-app weather-app-js weather-forecast-application weatherapp weatherforecast

Last synced: 4 months ago
JSON representation

Real-Time 🌎 OpenWeather App 🌤️.

Host: GitHub
URL: https://github.com/singhal-amit/sky-now
Owner: singhal-amit
License: mit
Created: 2024-06-25T11:11:40.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2025-02-03T17:58:55.000Z (9 months ago)
Last Synced: 2025-02-07T19:25:26.375Z (8 months ago)
Topics: bootstrap, css, html, javascript, javascript-application, openweather, openweather-api, openweathermap, openweathermap-api, weather-app, weather-app-js, weather-forecast-application, weatherapp, weatherforecast
Language: JavaScript
Homepage: https://amit712singhal.github.io/Sky-Now/
Size: 3.54 MB
Stars: 8
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

Get Live Weather Updates | Real-Time OpenWeather App

Sky Now is a web application that provides real-time weather updates based on your current location. It gives you detailed weather information including temperature, humidity, wind speed, and more.

## 📸 Live Preview

skynowdemo

Table of Contents

- [Getting Started](#getting-started)
- [Usage](#usage)
- [Features](#features)
- [Built With](#built-with)
- [Contribution](#contribution)
- [Connect with Me](#connect-with-me)
- [License](#license)

## 🚀 Getting Started

To run this project locally, follow these steps:

1. **Clone the repository**

```sh
git clone https://github.com/singhal-amit/Sky-Now.git
```

2. **Set Up the Project**
- Ensure you have a modern web browser installed
- You can open the `index.html` file directly or use a local server
- Recommended: Use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension in VSCode for a smooth development experience

3. **API Configuration**
- This project uses OpenWeather API
- Obtain an API key from [OpenWeatherMap](https://openweathermap.org/api)
- Replace the placeholder API key in the project's JavaScript file with your own key

## 🎮 Usage

1. **Grant location permission**
- Open the application
- Allow access to your device's location when prompted

2. **View current weather**
- After granting permission, see real-time weather for your location
- Includes temperature, humidity, wind speed, and more

3. **Search for locations**
- Enter a city or location name in the search bar
- Press Enter to fetch weather information for that location

## ✨ Features

- 🌍 Real-time weather updates
- 🎨 User-friendly interface
- 📊 Detailed weather information
- 🌡️ Multiple weather parameters (temperature, humidity, wind speed, etc.)
- 📍 Easy location-based weather access

## 🛠️ Built With

### Thanks to all Stargazers ⭐️

## 🤗 Contribution

Contributions are welcome! Here's how you can help:

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/YourFeature`)
3. Commit changes (`git commit -am 'Add some feature'`)
4. Push to branch (`git push origin feature/YourFeature`)
5. Create a Pull Request

## 🌐 Connect with Me