Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fe-hyunsu/liveweather
⛈ Location base, live weather service.
https://github.com/fe-hyunsu/liveweather
nextjs openapi react recoil typescript
Last synced: about 18 hours ago
JSON representation
⛈ Location base, live weather service.
- Host: GitHub
- URL: https://github.com/fe-hyunsu/liveweather
- Owner: FE-HyunSu
- Created: 2022-12-15T07:15:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-03T13:14:43.000Z (almost 2 years ago)
- Last Synced: 2023-09-09T01:37:39.391Z (about 1 year ago)
- Topics: nextjs, openapi, react, recoil, typescript
- Language: TypeScript
- Homepage: https://hsliveweather.netlify.app
- Size: 16.7 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## [![Netlify Status](https://api.netlify.com/api/v1/badges/39ea5050-ae95-47a2-ba5c-0c01a7303a6d/deploy-status)](https://app.netlify.com/sites/hsliveweather/deploys)
🌦 Live Weather information.### 🧑💻 프로젝트 개요.
- 현재 내 위치를 기반으로, 날씨 정보를 제공하는 서비스.
### 👩🚀 구현 내용.
- 내 위치를 GPS기반으로 위도, 경도값을 호출. (브라우저의 위치서비스를 허용해야 함)
- 위도 경도 값으로 역지오코딩을 적용, 현재 위치의 주소 정보를 호출.
- 위도, 경도값을 기준으로 해당 위치의 날씨 정보를 공공 API를 통해 호출.
- 날씨 정보에 맞춰 관련 정보 및 이미지를 제공.
- dayjs로 라이브 시간대별 화면 밝기 적용.### 🏂 URL
- page : [https://hsliveweather.netlify.app](https://hsliveweather.netlify.app)
### 🪬 Keyword.
- `React` `Nextjs` `Typescript` `Recoil` `styled-components` `Navigator` `Reverse geocoding` `KAKAO API`