Weather Forecast App

A simple weather application built with React and Material-UI that allows users to check current weather conditions for different cities.

Features

• Search for weather by city name
• Display current weather conditions
• Responsive design using Material-UI components
• Clean and intuitive user interface

Technologies Used

• React 19
• Material-UI v7
• Vite
• OpenWeather API

Getting Started

Prerequisites

• Node.js (version 22.14.0 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/Anzar18/Weather-App

2. Navigate to the project directory

cd react-project

3. Install dependencies

npm install

4. Start the development server

npm run dev

The application will be available at http://localhost:5173

Project Structure

src/
├── assets/         # Static assets
├── App.jsx         # Main application component
├── WeatherApp.jsx  # Weather application component
├── SearchBox.jsx   # Search functionality component
├── InfoBox.jsx     # Weather information display component
└── main.jsx        # Application entry point

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint