This is a dynamic weather web application built using Next.js and styled with Tailwind CSS, incorporating Next UI components. The app fetches real-time weather data and updates the background dynamically based on the current weather conditions.
- Real-Time Weather Data: Fetches current weather information using a weather API.
- Dynamic Backgrounds: Changes the background according to the weather conditions (e.g., sunny, rainy, snowy).
- Next.js: Utilizes the powerful features of Next.js for server-side rendering and static site generation.
- Tailwind CSS: Styled with Tailwind CSS for rapid UI development and customization.
- Next UI: Uses Next UI components for a polished and responsive user interface.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/weather-web-app.git
-
Navigate to the project directory:
cd weather-web-app
-
Install dependencies:
npm install
-
Set up environment variables: Create a
.env.local
file in the root directory and add your weather API key:NEXT_PUBLIC_WEATHER_API_KEY=your_api_key
-
Run the development server:
npm run dev
-
Open the app in your browser: Visit http://localhost:3000
To deploy the app, you can use platforms like Vercel, Netlify, or any other hosting service that supports Next.js.
Feel free to contribute by submitting issues or pull requests. All contributions are welcome!
This project is licensed under the MIT License.