https://github.com/aviralsharma07/weather-app
SkyScape is a real-time weather application built with React.js that provides users with accurate and up-to-date weather information.
https://github.com/aviralsharma07/weather-app
Last synced: 2 months ago
JSON representation
SkyScape is a real-time weather application built with React.js that provides users with accurate and up-to-date weather information.
- Host: GitHub
- URL: https://github.com/aviralsharma07/weather-app
- Owner: aviralsharma07
- Created: 2024-04-11T14:00:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-01T05:47:05.000Z (about 1 year ago)
- Last Synced: 2025-02-10T12:14:08.328Z (4 months ago)
- Language: JavaScript
- Homepage: https://skyscape-avi.netlify.app/
- Size: 222 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SkyScape - Real-time Weather Application
**Live Link:** [View Live Demo](https://skyscape-avi.netlify.app/)
SkyScape is a real-time weather application built with React.js that provides users with accurate and up-to-date weather information. With a user-friendly interface and responsive design, SkyScape ensures seamless access to weather data across various devices.
## Features
- **Real-time Weather Data:** Fetches and displays real-time weather information using React and the OpenWeather API.
- **Responsive Design:** Ensures optimal user experience across all devices with flexible layouts, media queries, and viewport optimization.
- **Comprehensive Weather Information:** Integrates external weather APIs to retrieve accurate data for temperature, humidity, and wind speed.
- **Customizable Settings:** Allows users to customize preferences and settings for a personalized weather experience.
## Screenshots
_(Add relevant screenshots of the application here)_
## Installation
To run SkyScape locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/your-username/skyscape.git
```
2. Navigate to the project directory:
```
cd skyscape
```
3. Install dependencies:
```
npm install
```
4. Start the development server:
```
npm start
```
5. Open the browser and visit `http://localhost:3000` to view the application.
## Technologies Used
- **React.js:** JavaScript library for building user interfaces.
- **OpenWeather API:** External weather API for fetching real-time weather data.
- **HTML/CSS:** Front-end technologies for designing and styling the application.
- **JavaScript (ES6):** Programming language for implementing application logic and functionality.
## Usage
1. Enter your location or city name in the search bar to retrieve weather information for that location.
2. Explore different weather parameters such as temperature, humidity, and wind speed.