WeatherScope is a dynamic and visually appealing weather application that provides real-time weather information with an adaptive user interface that changes based on the current weather conditions.
- Real-time Weather Data: Get current weather information for cities around the world.
- 7-Day Forecast: Plan ahead with a detailed weekly weather outlook.
- Weather Alerts: Stay safe with real-time warnings for extreme temperatures, high UV, and storms.
- Adaptive UI: The color scheme dynamically adapts to weather conditions and day/night cycles.
- Responsive Design: Flawless experience across mobile, tablet, and desktop devices.
- AI-Powered: Leverages Google's AI through Genkit to provide weather data and generate adaptive color themes.
This project is built with a modern and robust technology stack:
- Framework: Next.js (with App Router)
- Language: TypeScript
- UI Components: Shadcn/ui
- Styling: Tailwind CSS
- AI Integration: Genkit
- Icons: Lucide React
- Node.js (v18 or later)
- npm or yarn
To run the application, you'll need to set up your environment variables. Create a .env.local file in the root of the project and add your Google AI API key:
GEMINI_API_KEY=your_google_ai_api_key
You can obtain a free API key from Google AI Studio.
-
Clone the repository:
git clone <repository_url> cd <repository_directory>
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
http://localhost:9002.
👫 Contributing:
We welcome contributions to this project! If you'd like to contribute, please:
- Fork the repository on GitHub.
- Make your changes and create a pull request.
- Follow any coding style guidelines mentioned in the code (if any).
💳 License:
- This project is licensed under the Open-source [MIT License].
✒️ Author:
- This project was created by @iamvisshu - Vishal Vishwakarma 😇