A modern weather application built with the MERN stack (MongoDB, Express, React, Node.js) that allows users to search for current weather conditions by city or by using geolocation. Registered users can also view their weather search history.

Frontend:

• React.js (with Hooks & Context API)
• Axios
• HTML/CSS (custom + Bootstrap optional)

Backend:

• Node.js
• Express.js
• MongoDB + Mongoose
• JWT Authentication
• OpenWeatherMap API

weatherapp-fullstack/
│
├── client/          # React frontend
│   ├── public/
│   ├── src/
│   └── .env         # (Not committed - add your OpenWeather API key here)
│
├── server/          # Node/Express backend
│   ├── controllers/
│   ├── routes/
│   ├── models/
│   └── .env         # (Not committed - add your Mongo URI and JWT secret here)
│
├── .gitignore
├── README.md
└── package.json     # Project-level (optional if separate for client/server)

• 🔍 Search weather by city name
• 📍 Get weather using browser geolocation
• 🧾 Login/Register using secure JWT tokens
• 🕒 Search history per user (only for logged-in users)
• 🧼 Clear current weather search
• 🌐 Connects to OpenWeatherMap API

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
OPENWEATHER_API_KEY=your_openweathermap_api_key

1. Clone the repository

git clone https://github.com/Pranavi2002/weatherapp-fullstack.git
cd weatherapp-fullstack

2. Setup Backend

cd server
npm install
npm start

3. Setup Frontend

cd ../client
npm install
npm start

App should now be running at: ➡️ http://localhost:3000 (React frontend) ➡️ http://localhost:5000/api (Express backend)

• GET /weather/city/:cityName
• GET /weather/coords?lat=...&lon=...
• POST /auth/register
• POST /auth/login
• POST /history (auth required)
• GET /history (auth required)

• 🌎 Show map or region for geolocation
• 🔄 Use reverse geocoding to convert latitude/longitude to a better city name
• 📊 Display 5-day weather forecast
• 🔒 OAuth login (Google/GitHub)
• 📱 Mobile responsive improvements

Feel free to connect:

• [LinkedIn] (https://www.linkedin.com/in/vns-sai-pranavi-kolipaka-489601208/)
• [GitHub] (https://github.com/Pranavi2002)