https://github.com/md-habib-ulla/skysense

The SkySense is a dynamic and interactive web app that provides real-time weather information. It allows users to search for weather conditions by city or use their current location to get localized weather updates.
https://github.com/md-habib-ulla/skysense

css git github html javascript react vercer-serverless

Last synced: 3 months ago
JSON representation

The SkySense is a dynamic and interactive web app that provides real-time weather information. It allows users to search for weather conditions by city or use their current location to get localized weather updates.

• Host: GitHub
• URL: https://github.com/md-habib-ulla/skysense
• Owner: MD-HABIB-ULLA
• Created: 2024-08-25T15:49:39.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-30T02:24:35.000Z (almost 2 years ago)
• Last Synced: 2025-10-09T12:14:39.564Z (9 months ago)
• Topics: css, git, github, html, javascript, react, vercer-serverless
• Language: JavaScript
• Homepage: https://sky-sense-chi.vercel.app
• Size: 112 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# [SkySense](https://sky-sense-chi.vercel.app/)

![SkySense](https://i.postimg.cc/J076Gpyc/2024-08-26-16-27-56-Sky-Sense-1.png) 

## Description

The SkySense is a dynamic and interactive web app that provides real-time weather information. It allows users to search for weather conditions by city or use their current location to get localized weather updates. The application features a clean, user-friendly interface and offers detailed forecasts including hourly and daily predictions.

## Key Features

- **Real-Time Weather Data**: Get up-to-date weather information for any city or your current location.

- **Location-Based Weather**: Utilize the browser's geolocation to fetch weather data based on your current location.

- **Detailed Forecasts**: View hourly and daily forecasts with temperature, humidity, and weather conditions.

- **Responsive Design**: Optimized for both desktop and mobile devices.

- **Error Handling**: Display user-friendly messages for common errors like location access issues or invalid search queries.

## Usage

- **Search for Weather**: Enter a city name in the search bar to view current weather and forecasts.

- **Use Current Location**: Click on the location button to fetch weather data based on your current geographical location.

- **View Detailed Forecasts**: Check the hourly and daily forecasts for detailed weather information.

## Technologies Used

- **React**: Frontend framework for building the user interface.

- **WeatherAPI**: API service for fetching weather data.

- **Tailwind CSS**: Utility-first CSS framework for styling.

- **Vercel**: Deployment platform for hosting the application.

## Contact

For any questions or feedback, please reach out to [habibulla1278@gmail.com](mailto:habibulla1278@gmail.com).