MultiMian SkyScope Weather

MultiMian SkyScope Weather is a weather forecasting web application that provides users with real-time weather data, including temperature, humidity, wind speed, and more. With a sleek and user-friendly interface, it allows users to search for the weather in any location around the world.

Features

• Real-time Weather Data: View the current weather for any location.
• Location Search: Search by city name to get weather details.
• API Integration: Uses the OpenWeather API for accurate and up-to-date weather information.
• Forecast: Displays additional weather forecast data for the upcoming days.
• Geolocation Support: Detect your location and show the weather for your current area.

Technologies Used

• Next.js: React framework for building server-rendered applications.
• React: JavaScript library for building the user interface.
• CSS/SCSS: For styling and theming.
• OpenWeather API: Provides real-time weather data and forecasts.
• Geolocation API: For detecting the user's current location.
• Node.js: For server-side rendering and API requests.

Installation

To run the app locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Mianhassam96/MultiMian-SkyScope.git

Navigate to the project directory:

cd MultiMian-SkyScope

Install the dependencies:

npm install

Set up your API key from OpenWeather:

Sign up at OpenWeather to get an API key.

Add your API key to the .env.local file (create this file if it doesn't exist):

NEXT_PUBLIC_OPENWEATHER_API_KEY=your-api-key-here

Run the app in development mode:

npm run dev

Open the app in your browser:

http://localhost:3000

Usage

Type the name of any city or enable geolocation to get weather information.
View detailed weather information like temperature, wind speed, and humidity.
Switch between metric and imperial units.

Contributing

Feel free to fork this repository, submit issues, and create pull requests if you want to contribute to the project. License

This project is licensed under the MIT License - see the LICENSE file for details.

Developed by Mian Hassam

Customization

• Replace "your-api-key-here" with your actual API key from OpenWeather.
• Modify any project-specific details as needed.

This template should help you set up a clean and informative README for your weather app! Let me know if you need anything else.

live Link: https://v0-weather-app-sauqh5veloe.vercel.app/