WeatherIO is a highly responsive weather application built using Vite, ReactJS, HTML, CSS, and JavaScript. It leverages the Open Weather API to provide detailed weather information, including the current temperature, sunrise, sunset, day maximum temperature, day minimum temperature, and feels-like temperature.
- Current Temperature: Displays the current temperature for a specified location.
- Sunrise & Sunset: Shows the sunrise and sunset times.
- Maximum Temperature: Displays the maximum temperature for the day.
- Min Temperature: Displays the minimum temperature for the day.
- Feels Like Temperature: Provides the feels-like temperature for more accurate comfort information.
- Responsive Design: Ensures optimal user experience on various devices, from mobile phones to desktops.
- Vite: Next Generation Frontend Tooling for fast and optimized development.
- ReactJS: A JavaScript library for building user interfaces.
- HTML & CSS: Markup and styling for the application.
- JavaScript: Core programming language for functionality.
- Open Weather API: Provides weather data.
To get a local copy up and running, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/weatherio.git
-
Navigate to the project directory:
cd weatherio
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:3000 to view the app in the browser.
- Enter Location: Input the name of the city or location you want to check the weather for.
- View Weather Details: The application will display the current temperature, sunrise and sunset times, maximum and minimum temperatures for the day, and the feels-like temperature.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
). - Commit your Changes (
git commit -m 'Add some AmazingFeature'
). - Push to the Branch (
git push origin feature/AmazingFeature
). - Open a Pull Request.