WeatherApp - React + Express
A weather application that fetches real-time data from an external API through a custom Express backend, with city search and a dark mode toggle.
View LiveAbout the project
WeatherApp lets users search for any city and instantly view current conditions - temperature, humidity, wind speed and visibility - alongside a 24-hour hourly forecast. The Express server acts as a proxy, keeping the API key off the client and enabling server-side request handling.
Features
- City search with real-time weather data
- Current conditions - temperature, humidity, wind, visibility
- 24-hour hourly forecast view
- Dark mode toggle
- Responsive design
- Express proxy - API key never exposed to the client
Tech stack
Frontend
- React
- Vite
- SCSS
- FontAwesome icons
Backend
- Node.js
- Express.js
- OpenWeather API
- dotenv - secret management