A modern, intuitive weather application built with React and TypeScript. Get real-time weather updates, hourly forecasts, and manage your favorite locations with a beautiful, responsive interface.
For detailed documentation, guides, and configuration notes — visit the DeepWiki page above.
---| Category | Technologies |
|---|---|
| Frontend | React 18, TypeScript, Vite |
| UI/Styling | Tailwind CSS, shadcn/ui, Lucide Icons |
| State Management | React Query, Context API |
| Routing | React Router DOM |
| SEO | React Helmet |
| Notifications | Sonner |
| Deployment | Vercel |
| API | OpenWeatherMap |
- Real-time weather data and accurate forecasts
- Search for any city worldwide
- Save and manage favorite cities
- Hourly and daily weather predictions
- Responsive, mobile-first design
- Dark/Light mode toggle
- Geolocation support
- Search history
- SEO optimized for social sharing
- Modern, accessible UI
- Clone the repository:
git clone https://github.com/GourangaDasSamrat/React-Weather-App.git cd React-Weather-App - Install dependencies:
npm install
- Add your OpenWeatherMap API key:
VITE_WEATHER_API_KEY=your_api_key_here
- Start the development server:
npm run dev
We welcome contributions! Please read the CONTRIBUTING.md and CODE_OF_CONDUCT.md before submitting a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Full Stack Developer • MERN Stack • Technical Writer
Passionate about building scalable web apps & contributing to open source
Open to collaboration, frontend & full-stack projects, or meaningful discussions around JavaScript, React & web architecture.
Made with ❤️ using React and TypeScript