Skip to content

🌀️ A modern weather application designed with an Apple-like aesthetic, built using React and TypeScript. This app fetches and displays current weather conditions and a 5-day forecast for the user's location or a searched location.

Notifications You must be signed in to change notification settings

yevheniiushtyk/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather App

A modern weather application designed with an Apple-like aesthetic, built using React and TypeScript. This app fetches and displays current weather conditions and a 5-day forecast for the user's location or a searched location.

Weather App Screenshot

πŸ“– Table of Contents

  1. πŸš€ Features
  2. πŸ› οΈ Technologies Used
  3. βš™οΈ Installation
  4. πŸ“š Usage
  5. πŸ”§ Configuration
  6. πŸ“œ License

πŸš€ Features

  • 🌑️ Current Weather: Displays the current temperature, weather condition, and location.
  • πŸ“… 5-Day Forecast: Shows the weather forecast for the next 5 days in 3-hour intervals.
  • 🎨 Dynamic Background: Changes the background gradient based on the current weather condition.
  • πŸ“ Geolocation: Automatically fetches weather data for the user's current location.
  • πŸ” Search Functionality: Allows users to search for weather data by entering a location.

πŸ› οΈ Technologies Used

  • React: JavaScript library for building user interfaces.
  • TypeScript: Typed superset of JavaScript that adds static types.
  • OpenWeatherMap API: Provides weather data for current conditions and forecasts.

βš™οΈ Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/weather-app.git
  2. Navigate to the project directory:
    cd weather-app
  3. Install dependencies:
    npm install

πŸ“š Usage

  1. Start the development server:
    npm start
  2. Open your browser and go to http://localhost:3000 to view the app.

πŸ”§ Configuration

  • Replace YOUR_API_KEY_HERE in App.tsx with your own OpenWeatherMap API key.

πŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

🌀️ A modern weather application designed with an Apple-like aesthetic, built using React and TypeScript. This app fetches and displays current weather conditions and a 5-day forecast for the user's location or a searched location.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published