Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/harshana-lk/react-weather-app
https://github.com/harshana-lk/react-weather-app
Last synced: about 7 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/harshana-lk/react-weather-app
- Owner: harshana-lk
- Created: 2024-02-16T15:30:19.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-02-22T12:03:47.000Z (9 months ago)
- Last Synced: 2024-03-16T03:22:40.100Z (8 months ago)
- Language: JavaScript
- Size: 759 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weatherly - React Weather App
An Awesome Weather App Project
View Demo
.
     
## About The Project
Introducing Weatherly: Your Personal Meteorological Companion
Weatherly is your go-to weather app for staying informed and prepared for whatever Mother Nature has in store. With a sleek and intuitive interface, WeatherEase provides accurate and up-to-date weather forecasts tailored to your location, ensuring you're always one step ahead of changing weather conditions.
Key Features:
1. **Real-Time Updates**: Get instant access to current weather conditions, including temperature, humidity, wind speed, and more, all updated in real-time.
2. **Hourly and Daily Forecasts**: Plan your day with confidence using hourly and daily forecasts that provide detailed insights into expected weather patterns, precipitation levels, and temperature fluctuations.
3. **Interactive Radar**: Track storms and precipitation with our interactive radar feature, allowing you to zoom in and out for a closer look at weather activity in your area.
4. **Dark Mode Support**: Reduce eye strain and conserve battery life with our sleek dark mode option, perfect for nighttime use or prolonged viewing.
Weatherly is designed to be your reliable companion for all things weather-related, whether you're planning your daily commute, scheduling outdoor activities, or simply staying informed about the world around you. Download WeatherEase today and take control of your weather experience.
## Built With
Weatherly is a sleek and efficient weather app crafted with React, Tailwind CSS, and powered by the OpenWeather API. With seamless React routing, Weatherly provides users with a smooth and intuitive experience for accessing accurate weather forecasts. Whether you're planning your day or keeping an eye on the weather ahead, Weatherly simplifies your weather tracking needs with style and reliability.
## Getting Started
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.
### Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Get a free API Key at [https://openweathermap.org/api](https://openweathermap.org/api)
2. Clone the repo
```sh
git clone https://github.com/harshana-lk/react-weather-app
```
3. Install NPM packages
```sh
npm install
```
4. Enter your API in `WeatherService.js`
```JS
const API_KEY = 'ENTER YOUR API';
```
## Authors
- **Harshana Jayaweera** - _CS Student_ - [Harshana Jayaweera](https://github.com/harshana-lk/) - _Built ReadME Template_
## Acknowledgements
- [Harshana Jayaweera](https://github.com/harshana-lk/)