Live Link: https://1-weather-app.vercel.app
Welcome to the React Weather App! This is a simple and user-friendly weather application built with React. It provides current weather information, hourly and daily forecasts, allows you to choose the metric system, set your location easily, and even changes the background color dynamically based on the weather conditions.
-
Current Weather: Get real-time information about the current weather conditions.
-
Hourly Forecast: Check the hourly forecast to plan your day effectively.
-
Daily Forecast: Get a 5-day forecast to prepare for the upcoming week.
-
Metric System: Choose between the metric system for temperature and other measurements.
-
Location Shortcut: Easily set your location with a shortcut for quick access.
-
Dynamic Background: The background color changes dynamically based on the current weather, providing a visual representation of the weather conditions.
-
Clone the repository to your local machine:
git clone https://github.com/your-username/react-weather-app.git
-
Navigate to the project directory:
cd react-weather-app -
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to http://localhost:3000 to view the React Weather App.
Make sure you have the following dependencies installed in your project:
@iconscout/react-unicons: "^1.1.6"@testing-library/jest-dom: "^5.16.4"@testing-library/react: "^13.3.0"@testing-library/user-event: "^13.5.0"luxon: "^2.4.0"react: "^18.1.0"react-dom: "^18.1.0"react-scripts: "5.0.1"react-toastify: "^9.0.2"
You can install these dependencies using:
npm install @iconscout/react-unicons@1.1.6 @testing-library/jest-dom@5.16.4 @testing-library/react@13.3.0 @testing-library/user-event@13.5.0 luxon@2.4.0 react@18.1.0 react-dom@18.1.0 react-scripts@5.0.1 react-toastify@9.0.2Feel free to contribute to the project by creating issues or submitting pull requests. Your feedback and contributions are highly appreciated.
This project is licensed under the MIT License.