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!
- 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.
You can see a live demo of The Weather-inator.
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.
To run Weather-inator locally, follow these steps:
- Clone the repository:
git clone https://github.com/SudoKMaar/the-weather-inator.git
- Navigate to the project directory:
cd the-weather-inator
- Install dependencies:
yarn
- Set your API key:
- Rename the
.env.example
file to.env
- Replace the value of
REACT_APP_API_KEY
with your OpenWeatherMap API key
- Rename the
- Start the application:
yarn start
- 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.
You can modify the following configuration options in the .env
file:
REACT_APP_API_KEY
: Your OpenWeatherMap API key
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.
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!