Skip to content

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.

Notifications You must be signed in to change notification settings

Vijaysingh1621/Weather-web-app

Repository files navigation


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.


About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published