Skip to content

Latest commit

 

History

History
58 lines (41 loc) · 1.72 KB

README.md

File metadata and controls

58 lines (41 loc) · 1.72 KB
Raw

Weather Web App

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.

Features

  • 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.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/weather-web-app.git

  2. Navigate to the project directory:

    cd weather-web-app

  3. Install dependencies:

    npm install

  4. 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

  5. Run the development server:

    npm run dev

  6. Open the app in your browser: Visit http://localhost:3000

Deployment

To deploy the app, you can use platforms like Vercel, Netlify, or any other hosting service that supports Next.js.

Contributing

Feel free to contribute by submitting issues or pull requests. All contributions are welcome!

License

This project is licensed under the MIT License.