WeatherNow is a sleek and modern weather web application built with React and Node.js, providing real-time weather data for any location around the globe. With support for geolocation, manual search, and dynamic visuals, WeatherNow ensures an engaging user experience for weather enthusiasts.
- 📍 Search by City Name
- 📡 Use Current Location (Geolocation API)
- 🌤️ Live Weather Data via OpenWeather API
- 🌓 Light & Dark Mode Support
- ⏰ Live Clock & Date Display
- 📊 Detailed Weather Metrics
- 🎨 Smooth, Responsive UI (TailwindCSS)
Frontend
- React (Vite)
- TailwindCSS
- Axios
- Lucide Icons
Backend
- Node.js
- Express.js
- dotenv
- OpenWeatherMap API integration
git clone https://github.com/Anshul-Sehgal10/WeatherNow.git
cd WeatherNowCreate a .env file in the backend folder with the following:
API_KEY=your_api_key_hereReplace your_api_key_here with your actual OpenWeatherMap API key.
# Backend
cd backend
npm install
# Frontend
cd ../frontend
npm install# In one terminal, run backend
cd backend
npm run dev
# In another terminal, run frontend
cd frontend
npm run devVisit http://localhost:5173 to view the app.
WeatherNow/
├── backend/
│ ├── index.js
│ └── .env
├── frontend/
│ ├── src/
│ ├── public/
│ └── vite.config.js
└── README.md
This project was created to practice real-world full-stack development with real-time APIs, React state handling, and user experience design.
Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
Weather data is provided by OpenWeatherMap and used under the
Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0)
and the Open Database License (ODbL).
This app is not endorsed or certified by OpenWeatherMap.