The Weather APP built with React.js and Tailwind CSS

by React

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