Skip to content

Sarita-021/WeatherWeb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WeatherWise Web App

Welcome to WeatherWise, your go-to weather web application that provides up-to-date weather information based on city names. Whether you need to check the current conditions or plan ahead with forecasts, WeatherWise offers a sleek and user-friendly experience.


🌟 Features

  • 🌍 City-Based Weather: Get accurate weather updates for any city worldwide.
  • ⏳ Real-Time Data: Access live weather conditions to plan your day effectively.
  • 📱 Responsive Design: Enjoy a seamless experience across desktops, tablets, and mobile devices.
  • 🎨 Intuitive UI: Navigate the app effortlessly with a clean and modern design.
  • 📅 5-Day Forecast: Stay ahead with extended weather predictions.
  • 📊 Detailed Insights: View temperature, humidity, wind speed, atmospheric pressure, and more.

🚀 Getting Started

Follow these simple steps to set up and run WeatherWise locally:

Prerequisites

Ensure you have the following installed:

  • Node.js (Latest LTS version recommended)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:
    git clone https://github.com/Sarita-021/WeatherWeb.git
  2. Navigate to the project folder:
    cd WeatherWeb
  3. Install dependencies:
    npm install
  4. Start the application:
    node app.js
  5. Open your browser and visit:
    http://localhost:3000
    
  6. Enter the name of a city to check its weather details.

📖 Usage

🔍 City Search

  • Type the city name in the search bar.
  • Press Enter or click the Search button.

🌦️ Weather Details

  • View current weather conditions.
  • Check the 5-day forecast.
  • Get additional insights like humidity, wind speed, and atmospheric pressure.

📱 Responsive UI

  • The app adapts seamlessly to any device, ensuring a smooth experience.

🛠️ Tech Stack

WeatherWise is built with modern web technologies:

  • Frontend: HTML5, CSS3, JavaScript
  • Backend: Node.js, Express.js
  • API: WeatherAPI
  • Styling: Custom CSS & Responsive Design

📌 Contributing

Want to contribute? Follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-branch
  3. Make your changes and commit:
    git commit -m "Add new feature"
  4. Push to your fork:
    git push origin feature-branch
  5. Open a Pull Request.

❓ Issues & Support

If you encounter any issues, feel free to open an issue on GitHub.


📸 Screenshots

🌤️ WeatherWise Interface

WeatherWise Screenshot 1

WeatherWise Screenshot 2


📜 License

This project is licensed under the MIT License.


⭐ Show Your Support

If you like WeatherWise, don't forget to star the repository ⭐ and share it with others!


Happy Coding! 🚀🌎

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 7