Basic projectData & Analytics

Weather Dashboard

City search, forecasts, charts, and favorites — API key stays on the server.

Split client and server: JWT in httpOnly cookies, Passport local + optional Google OAuth, and weather calls only from Express so OpenWeather keys never ship to the browser. Per-user recent searches and favorite cities in MongoDB; glass-style UI with condition-aware background, 5-day and hourly-style forecast cards, and Recharts for temperature, humidity, and weekly highs/lows. README targets non-developers (two terminals, Atlas, Google redirect on the Vite proxy host).

Highlights

  • Charts + responsive sidebar / mobile nav
  • Recent cities and favorites persisted per user
  • Dark/light theme toggle

Suggested stack

  • Vite + React (JavaScript)
  • Express 4 + Mongoose
  • MongoDB
  • JWT (httpOnly cookie)
  • Tailwind CSS
  • Passport (local + Google OAuth)
  • Recharts
  • OpenWeatherMap (server-side)

Deliverables

  • Root README (features, OpenWeather key, Google OAuth URLs for Vite proxy)
  • server/.env.example with CLIENT_URL and JWT notes
  • REST routes for auth, weather proxy, recent searches, and favorites