SudoKMaar / the-weather-inator

I present to you, the Weather-inator! This device will allow me to know the weather in any location, at any time! No longer will I be caught off guard by a sudden change in the forecast!

Home Page:https://the-weather-inator.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Weather-inator

Attention, Perry the Platypus!

I present to you, the Weather-inator! This device will allow me to know the weather in any location, at any time! No longer will I be caught off guard by a sudden change in the forecast!

The Weather-inator is my most evil invention yet! with the Weather-inator, I can plan my evil deeds accordingly. If I know that it's going to be a hot day, I can make sure to have plenty of ice on hand. If it's going to be a cold day, I can wear my evilest winter coat.

The possibilities are endless! With the Weather-inator, I will always be one step ahead of the weather, and Perry the Platypus! There is nothing you can do to stop me, Perry the Platypus!

Mwahahaha!

Features

  • Real-time Weather Data: Fetches weather data from a weather API to provide up-to-date information for any city around the world.
  • Current Weather Conditions: Displays current weather conditions including temperature, humidity, wind speed, and description.
  • Temperature Units: Supports both metric and imperial units of measurement (Celsius and Fahrenheit) based on your preference.
  • Multi-language Support: Choose from multiple languages to view weather data in your preferred language.
  • Background Sound Effects: Enhance your weather experience with background sound effects.
  • Responsive Design: Enjoy a seamless user experience across various devices including desktop and mobile.

Demo

You can see a live demo of The Weather-inator.

Technologies Used

The Weather-inator is built using the following technologies:

  • React: A JavaScript library for building user interfaces.
  • React Icons: A library for using various icons in the application.
  • React Player: A library for playing videos and audios in React applications.
  • Ant Design: A UI library for UI components.
  • Axios: A popular HTTP client for making API requests.
  • Moment.js: A library for manipulating and formatting dates and times.
  • GSAP: A library for creating high-performance animations in JavaScript.
  • CSS: Stylesheets for styling the application components.
  • i18next: An internationalization framework for translating the application.

Installation

To run Weather-inator locally, follow these steps:

  1. Clone the repository: git clone https://github.com/SudoKMaar/the-weather-inator.git
  2. Navigate to the project directory: cd the-weather-inator
  3. Install dependencies: yarn
  4. Set your API key:
    • Rename the .env.example file to .env
    • Replace the value of REACT_APP_API_KEY with your OpenWeatherMap API key
  5. Start the application: yarn start
  6. Open your browser and visit http://localhost:3000 to see the application.

Note: You need to have Node.js and yarn installed on your machine to run the application.

Configuration

You can modify the following configuration options in the .env file:

  • REACT_APP_API_KEY: Your OpenWeatherMap API key

Contributing

Contributions to Weather-inator are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request. Make sure to follow the project's code style and guidelines.

License

Weather-inator is released under the MIT License. You are free to use, modify, and distribute this project under the terms of this license.

That's all for now, Perry the Platypus! But I'll be back with even more evil inventions! Muahahaha!

About

I present to you, the Weather-inator! This device will allow me to know the weather in any location, at any time! No longer will I be caught off guard by a sudden change in the forecast!

https://the-weather-inator.netlify.app/

License:MIT License


Languages

Language:JavaScript 64.8%Language:CSS 31.1%Language:HTML 4.1%