WeatherAppbyAlsunny is a responsive web application built with React that allows users to view the weather forecast for a specific location. The app fetches weather data from the WeatherAPI.com and presents it in a user-friendly interface. The app is styled using Bootstrap and custom CSS for a clean and modern design.
- Real-Time Weather Data: Get current weather conditions, including temperature, humidity, wind speed, and more.
- 3-Day Forecast: View the weather forecast for the next three days.
- Responsive Design: The app is fully responsive and adapts to different screen sizes using Bootstrap.
- Day/Night Mode: The app changes its theme based on the time of day, providing a day/night mode automatically.
- React: A JavaScript library for building user interfaces.
- WeatherAPI.com: A weather data API used to fetch current and forecasted weather information.
- Bootstrap: A popular CSS framework for responsive design.
- CSS: Custom styles for additional design customizations.
To get a local copy up and running, follow these steps:
- Clone the Repository:
git clone https://github.com/AlSabriBhuiyan0/WeatherAppbyAlsunny.git
- Navigate to the Project Directory:
cd WeatherApp - Install Dependencies:
npm install
- Set up environment variable, create a .env file file in the root of the project with the following content:
VITE_WEATHER_API_KEY=your_weatherapi_key
- Run the application
npm run dev
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.
Distributed under the MIT License. See LICENSE for more information. WeatherApp is a responsive web application built with React that allows users to view the weather forecast for a specific location. The app fetches weather data from the WeatherAPI.com and presents it in a user-friendly interface. The app is styled using Boots