https://github.com/jxianc/weather-app

a simple weather app for you to check current weather information and forecast using open weather API, typescript, next.js, react, react-leaflet, chakra-ui
https://github.com/jxianc/weather-app

chakra-ui leaflet nextjs openweather-api react react-leaflet typescript

Last synced: 2 months ago
JSON representation

a simple weather app for you to check current weather information and forecast using open weather API, typescript, next.js, react, react-leaflet, chakra-ui

• Host: GitHub
• URL: https://github.com/jxianc/weather-app
• Owner: jxianc
• Created: 2021-08-10T13:15:24.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-08-13T03:06:10.000Z (almost 5 years ago)
• Last Synced: 2025-04-20T08:06:20.204Z (about 1 year ago)
• Topics: chakra-ui, leaflet, nextjs, openweather-api, react, react-leaflet, typescript
• Language: TypeScript
• Homepage: https://weather-app-jingxian.vercel.app/
• Size: 232 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# weather-app

a simple weather app for you to check current weather information and forecast

project link: https://weather-app-jingxian.vercel.app/

![screenshot](https://i.ibb.co/TLJN6Yq/Screenshot-2021-08-12-at-2-07-53-PM.png)

## Third party API

Open Weather (https://openweathermap.org/api)

## Technologies I used to build this app

1. TypeScript - programming language (https://www.typescriptlang.org/docs/)

2. React - frontend (https://reactjs.org/docs/getting-started.html)

3. Next.js - frontend (https://nextjs.org/docs/getting-started)

4. React-leaflet - map (https://react-leaflet.js.org/docs/start-introduction/)

5. Chakra UI - styling (https://chakra-ui.com/docs/getting-started)

6. Vercel - deployment (https://vercel.com/)