A sleek and modern weather application built with React and Vite. Users can search for cities worldwide and view real-time weather data in a clean, responsive interface.
- 🌎 Search for any city around the globe
- 📊 View current weather details like temperature, humidity, and conditions
- 🌞 Responsive design for desktop and mobile
- ⚡ Fast performance with Vite and optimized components
- React – Frontend framework
- Vite – Lightning-fast build tool
- OpenWeatherMap API – Fetch live weather data
- SCSS/CSS Modules – Scoped and maintainable styling
Weather-App/
├── public/ # Static assets
├── src/ # React components, assets, and styles
│ ├── components/ # City, Sidebar, Detail, Content
│ ├── server/ # API call logic
│ └── main.jsx # Entry point
├── .env # API keys
├── vite.config.js # Vite configuration
-
Clone the repository:
git clone https://github.com/your-username/Weather-App.git
-
Navigate to the project folder:
cd Weather-App -
Install dependencies:
npm install
-
Add your OpenWeatherMap API key in a
.envfile:VITE_API_KEY=your_api_key_here -
Start the development server:
npm run dev
Built with by Minurə Seyidova
💼 Junior JavaScript (React) Software Engineer
📧 minure.seyidova@gmail.com
🔗 LinkedIn | GitHub