Skip to content

A modern weather application built with React and Vite. It lets users search for cities and view current weather details with a responsive and user-friendly interface.

Notifications You must be signed in to change notification settings

Minyras/Weather-App

Repository files navigation

🌤️ Weather-App

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.


🚀 Features

  • 🌎 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

🛠️ Technologies Used

  • React – Frontend framework
  • Vite – Lightning-fast build tool
  • OpenWeatherMap API – Fetch live weather data
  • SCSS/CSS Modules – Scoped and maintainable styling

📂 Project Structure

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

📦 Installation

  1. Clone the repository:

    git clone https://github.com/your-username/Weather-App.git
  2. Navigate to the project folder:

    cd Weather-App
  3. Install dependencies:

    npm install
  4. Add your OpenWeatherMap API key in a .env file:

    VITE_API_KEY=your_api_key_here
    
  5. Start the development server:

    npm run dev

👩‍💻 Created By

Built with by Minurə Seyidova
💼 Junior JavaScript (React) Software Engineer
📧 minure.seyidova@gmail.com
🔗 LinkedIn | GitHub

About

A modern weather application built with React and Vite. It lets users search for cities and view current weather details with a responsive and user-friendly interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published