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.
- π Features
- π οΈ Technologies Used
- βοΈ Installation
- π Usage
- π§ Configuration
- π License
- π‘οΈ 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.
- 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.
- Clone the repository:
git clone https://github.com/yourusername/weather-app.git
- Navigate to the project directory:
cd weather-app
- Install dependencies:
npm install
- Start the development server:
npm start
- Open your browser and go to
http://localhost:3000
to view the app.
- Replace
YOUR_API_KEY_HERE
inApp.tsx
with your own OpenWeatherMap API key.
This project is licensed under the MIT License. See the LICENSE file for more details.