https://github.com/lakshayd02/react-weather-app
This is a cross-platform weather application built using modern web technologies, providing users with accurate and up-to-date weather information for locations worldwide. 🌍
https://github.com/lakshayd02/react-weather-app
bootstrap cascading-style-sheets cdn css html5 javascript jquery mdn react reactjs weather weather-api weather-app
Last synced: 3 months ago
JSON representation
This is a cross-platform weather application built using modern web technologies, providing users with accurate and up-to-date weather information for locations worldwide. 🌍
- Host: GitHub
- URL: https://github.com/lakshayd02/react-weather-app
- Owner: LakshayD02
- Created: 2023-08-31T17:50:08.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-01T10:39:35.000Z (5 months ago)
- Last Synced: 2025-03-24T08:11:13.601Z (4 months ago)
- Topics: bootstrap, cascading-style-sheets, cdn, css, html5, javascript, jquery, mdn, react, reactjs, weather, weather-api, weather-app
- Language: JavaScript
- Homepage: https://react-weatherapp-lakshay.vercel.app/
- Size: 853 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App 🌦️
## Description
This weather app allows users to search for and view current weather conditions for any city or country. It leverages the OpenWeather API to fetch real-time weather data, offering a seamless and informative user experience. The app is designed to be user-friendly and accessible on various devices.
## Features
* **Global Weather Tracking:** Get current weather conditions for any city or country. 🗺️
* **Automatic Location Tracking (Saved Locations):** Automatically fetch weather for user-saved locations. 📍
* **5-Day Weather Forecast:** Get detailed weather forecasts for the next 5 days, including 3-hour intervals. 📅
* **Free and Open Source:** Completely free to use and the source code is publicly available. 🆓
* **Modern UI:** Clean and intuitive user interface for easy navigation. ✨
* **Cross-Platform:** Works seamlessly on various operating systems and devices. 💻📱
## Technologies Used
* **React JS:** Used for building the user interface and handling application logic. ⚛️
* **Bootstrap:** Used for styling and layout, providing a responsive design. 🎨
* **jQuery AJAX:** Used for making API requests to the OpenWeather API. 📡
* **OpenWeather API:** The source of the weather data. ⛅
## Getting Started
```bash
# Clone the repository
# Install dependencies
# npm install or yarn install
# Run the application
# npm start or yarn start