A weather web application with real-time forecasts, weather alerts, and historical trends.
- Framework: Next.js 16 (App Router), React 19, TypeScript (strict mode)
- Styling: Tailwind CSS v3
- Charts: Recharts 2.15+
- Data Fetching: TanStack Query v5
- Timezone: Luxon
- Testing: Jest, React Testing Library, MSW
- Install dependencies:
npm install-
Create a
.env.localfile in the project root with.env.exampleas a template. -
Start the development server:
npm run devThis application uses two external weather APIs:
- Purpose: Weather forecast data (current, hourly, daily) and historical weather archives
- License: Creative Commons Attribution 4.0 International (CC BY 4.0)
- Attribution required: Yes
- Website: https://open-meteo.com/
Weather data provided by Open-Meteo. Open-Meteo offers free weather forecast APIs for non-commercial use with no API key required.
- Purpose: Location search/autocomplete and weather alerts
- License: Free tier with mandatory attribution
- Attribution required: Yes
- Website: https://www.weatherapi.com/
Location search and weather alerts powered by WeatherAPI.com.
This project is for personal/educational use.
Weather data is provided by Open-Meteo under CC BY 4.0. Location search and alerts are provided by WeatherAPI.com. Both services require attribution when used in public-facing applications.