Weather APP

Demo

https://waveciou.github.io/weather-app/

Introduce

1. The user can input location (ex: Taipei, Tokyo, London) and getting 5 weather forecast from open API.
2. Rendering forecast data with charts: Max temperature (Bar Chart), Min temperature (Bar Chart), Humidity (Pie Chart).

Tech Stack

1. React.js + TypeScript and use Vite.js to bundled.
2. Tailwind CSS, SCSS, Material Icons.
3. Weather data source open API: Open Weather API.
4. Use SVG to build bar chart & pie chart, It has not use any UI component library for development.

GitHub

View Github