Skip to content

astudentinearth/weather-app

Repository files navigation

ReactJS Weather App

Try it live

Features

  • Hourly forecasts with wind and precipitation details
  • 7-day forecasts
  • Location search
  • Metric and imperial units
  • Geolocation support
  • Installable as Progressive Web App
  • Turkish and English language support

Built with

  • React 18
  • Zustand
  • TailwindCSS
  • shadcn-ui
  • vite-pwa
  • i18next
  • Bootstrap icons

Development

Use pnpm run dev to start the development server.
Use pnpm run dev:network to expose the ports to your local network.
Navigate to http://localhost:5173/weather-app to see the app in your browser.
Use pnpm run test to perform unit tests.

Localization

Language files are stored as static assets in public/locales/<language>
i18next-react is used to parse the locales and reflect them to the UI.

Credits

Weather data is provided by Open-Meteo under Attribution International 4.0 (CC BY 4.0)