-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
24 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,11 +1,29 @@ | ||
# Sky Cast - Weather App | ||
## [Web Link](https://sky-cast-854836ef4892.herokuapp.com/) | ||
|
||
## Purposes | ||
- Render Weather Data in a comfortable visual appearance web | ||
## Overview | ||
Sky Cast is a weather web application that provides users with up-to-date weather information for any location. It offers features like displaying current weather conditions and basic weather forecasts. The app is built using React and leverages Google Maps APIs for location autocomplete and geocoding. | ||
|
||
## Features | ||
- Current weather information display. | ||
- Basic weather forecast display. | ||
- Location autocomplete for easy searching. | ||
|
||
## Technology Stack | ||
- Google Maps API (Places Autocomplete API, Geocoding API) | ||
- NPM packages: react-places-autocomplete, react-script-hook | ||
- React, HTML, CSS | ||
- Git/GitHub, Heroku | ||
|
||
## Weather Data | ||
- Used Open Weather API weather data | ||
- Calling http POST request to get weather data from [Sky Cast Backend Page](https://github.com/yunji0387/weather-app-backend) | ||
|
||
## Technology Used | ||
- React, Responsive Design | ||
- HTML, CSS | ||
- Git/GitHub, Heroku | ||
## Acknowledgement | ||
- [Open Weather data](https://openweathermap.org/) | ||
- [Google Maps API](https://developers.google.com/maps) | ||
- [react-places-autocomplete npm package](https://github.com/hibiken/react-places-autocomplete) | ||
- [react-script-hook npm package](https://www.npmjs.com/package/react-script-hook) | ||
- <a href="https://www.flaticon.com/free-icons/weather" title="weather icons">Weather icons created by Freepik - Flaticon</a> | ||
- [google "Passion One" font](https://fonts.google.com/specimen/Passion+One) | ||
- [cloud background by claudialphonse78](https://github.com/claudialphonse78/CodepenImages) |