Ayush01015 / WeatherApp

Home Page:https://weather-app-625.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WeatherApp

This is a weather app implemented in React.js that allows users to get weather information for different locations. The app uses the RapidAPI service to fetch weather data and provides a user-friendly and responsive interface with a shimmer UI effect to improve the user experience.

Features

  • Change Location: Users can enter the name of any location they want to get the weather information for. The app will fetch and display the weather data for the specified location.

  • Responsive Design: The app is designed to work seamlessly across various screen sizes and devices, ensuring a consistent and optimal user experience.

  • Shimmer UI: A shimmer effect is implemented to show a loading placeholder while fetching weather data. This adds a nice touch to the user interface and indicates that data is being loaded.

Getting Started

To run the weather app locally, follow the instructions below:

  1. Clone this GitHub repository to your local machine using the following command:

    git clone https://github.com/Ayush01015/WeatherApp.git
    
  2. Navigate to the project directory:

    cd WeatherApp
    
  3. Install the required dependencies using npm or yarn:

    npm install
    

    or

    yarn install
    
  4. Get your RapidAPI key: To use the RapidAPI service, you need to sign up and obtain an API key. Visit RapidAPI to create an account and get your API key.

  5. Set the RapidAPI key: Open the src/utils/api.js file and replace 'YOUR_RAPID_API_KEY' with your actual RapidAPI key.

  6. Start the development server:

    npm start
    

    or

    yarn start
    
  7. Open your web browser and visit http://localhost:3000 to see the weather app in action.

Technologies Used

  • React.js: A popular JavaScript library for building user interfaces.

  • RapidAPI: A platform that allows developers to access a wide range of APIs, including weather data.

Contributing

If you want to contribute to this weather app, feel free to submit pull requests or open issues on the GitHub repository. Your contributions are greatly appreciated!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

Special thanks to the developers and contributors of the RapidAPI service for providing the weather data API.


We hope you enjoy using our weather app! If you have any questions or need assistance, please feel free to reach out to us.

Happy weather checking! 🌞🌧️

About

https://weather-app-625.vercel.app/


Languages

Language:JavaScript 65.6%Language:CSS 26.3%Language:HTML 8.1%