Skip to content

HemanthDas/Weather-App

Repository files navigation

Certainly! Below is a sample README.md file for a weather application built on React using a weather API and incorporating an animated SVG for sunrise, sunset, and day-night transition.

# Weather Application with Animated Sun SVG

## Overview

This is a weather application built using React that fetches weather data from a weather API. The application includes a visually appealing animated SVG to represent sunrise, sunset, and the transition between day and night.

## Features

- Display current weather information (temperature, description, etc.).
- Dynamic background and icon changes based on the current weather conditions.
- Animated SVG representing sunrise, sunset, and day-night transition.

## Technologies Used

- React
- [Weather API]([https://your-weather-api-url.com](https://openweathermap.org/api))
- SVG animations

## Installation

1. Clone the repository:

   ```bash
   git clone https://github.com/HemanthDas/weather-app.git
   cd weather-app
  1. Install dependencies:

    npm install
  2. Create a .env file in the root directory and add your weather API key:

    VITE_API_ID=your-api-key

    Replace your-api-key with your actual API key.

  3. Start the application:

    npm start

    The application will be accessible at http://localhost:3000 by default.

Configuration

You can customize the application by modifying the configuration file located at src/config.js. Here, you can adjust parameters like the API endpoint, default location, or any other settings.

SVG Animation

The animated SVG is created using the react-spring library. The SVG component is located at src/components/SunAnimation.js. You can customize the animations or styles by modifying this file.

Usage

  1. Open the application in your web browser.
  2. Enter the location or use the default location.
  3. View current weather information, and observe the animated SVG representing day and night cycles.

Contributing

Contributions are welcome! If you have any improvements or feature suggestions, feel free to open an issue or submit a pull request.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published