Mausam is a beautifully designed, responsive weather application built using modern frontend technologies including React, TypeScript, Tailwind CSS, TanStack Query, Recharts, Shadcn UI, and powered by the OpenWeather API.
This project is perfect for showcasing your skills in frontend development and data visualization, and it's a strong addition to any modern developer's portfolio.
Check out the live version here: https://mausam-vimal.vercel.app/
- 🌍 Get real-time weather data based on your location or search by city
- 📊 5-day weather forecast with interactive charts (Recharts)
- 🌗 Displays humidity, wind speed, pressure, sunrise/sunset times, and more
- ⚡ Responsive UI with Tailwind CSS and Shadcn components
- 🔁 Data fetching and caching with TanStack Query
- 🧠 Fully typed with TypeScript for better maintainability
- 🌓 Dark mode ready
- React JS
- TypeScript
- Tailwind CSS
- TanStack Query (React Query)
- Shadcn UI – UI components built on Radix UI and Tailwind
- Recharts – Charting library for visualizing weather data
- OpenWeather API – Source for weather data