Skip to content

LalitKumarSahu/weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather App

A weather application built with React.js and Material UI, providing real-time weather updates using the OpenWeather API.


πŸ› οΈ Tech Stack

  • Frontend: React.js, Material UI, Axios
  • API: OpenWeather API
  • Styling: Material UI components

πŸ“ Project Structure

/ β”œβ”€β”€ public/ # Static files β”œβ”€β”€ src/ # React components and hooks β”œβ”€β”€ .env # Environment variables (API keys) └── README.md # Project documentation


πŸš€ Installation & Setup

  1. Clone the repository

    git clone https://github.com/LalitKumarSahu/weather-App.git
    cd weather-App

Install dependencies

bash Copy code npm install Set up environment variables

Create a .env file in the root directory and add your OpenWeather API key:

ini Copy code REACT_APP_API_KEY=your_api_key_here Start the development server

bash Copy code npm start The app will run on http://localhost:3000.

🎯 Features Search functionality: Enter a city name to get current weather details.

Real-time data: Fetches weather information from the OpenWeather API.

Responsive design: Optimized for both desktop and mobile views.

Material UI components: Utilizes Material UI for a modern and clean interface.

πŸ“Έ Screenshots

πŸ‘€ Author Lalit Kumar Sahu GitHub: https://github.com/LalitKumarSahu Email: shahulalit5@gmail.com

About

🌀️ Weather App using React & Material UI | Fetches real-time weather data from OpenWeather API | Responsive UI with search functionality

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors