https://github.com/wilmanconde2/realTimeWeather
Weather Application built with React, designed to provide users with real-time weather information based on their selected city. It features a clean and interactive user interface with components that enhance usability and functionality.
https://github.com/wilmanconde2/realTimeWeather
bootstrap javascript javascript-project react-components reactjs sass vite
Last synced: 7 months ago
JSON representation
Weather Application built with React, designed to provide users with real-time weather information based on their selected city. It features a clean and interactive user interface with components that enhance usability and functionality.
- Host: GitHub
- URL: https://github.com/wilmanconde2/realTimeWeather
- Owner: wilmanconde2
- Created: 2024-10-24T03:57:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-12T12:20:52.000Z (9 months ago)
- Last Synced: 2025-08-01T18:49:04.565Z (7 months ago)
- Topics: bootstrap, javascript, javascript-project, react-components, reactjs, sass, vite
- Language: JavaScript
- Homepage: https://w34th3r-app.netlify.app/
- Size: 752 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
Awesome Lists containing this project
README
## Real Time Weather
**https://w34th3r-app.netlify.app/**
### This is a weather application built with React, Bootstrap, and SASS that provides real-time weather information for any city in the world.
## **Features**
`City Search:` Users can search for the current weather of any city.
`Temperature Units:` Users can choose between Celsius, Fahrenheit, and Kelvin to display the temperature.
`Real-Time Data:` The app fetches weather data from the Weatherstack API in real time.
`Weather Information:` Displays current weather details such as temperature, humidity, wind speed, and weather description.
`Geolocation:` Automatically fetches and displays the weather for the user's current location (if allowed).
## **Usage**
`Search for a city:` Enter a city name in the search bar and click on the "Search" button.
`Select temperature unit:` Choose the preferred unit for temperature (Celsius, Fahrenheit, Kelvin).
`View Weather:` The weather details will be displayed, including the temperature, humidity, and wind speed.
`Clear Search:` You can clear the input and reset the search results by clicking the "Clear" button.
## **Technologies Used**
`React:` Main library for building the user interface.
`Bootstrap:` Framework used for styling and layout.
`SASS:` For custom styles and theming.
`Weatherstack API:` Provides real-time weather data.
`Geolocation API:` Retrieves the user's current location for weather details.