Premium atmospheric intelligence and flood risk monitoring.
AtmosIQ is a serverless, AI-powered weather platform that transforms raw atmospheric data into actionable, localized insights and dynamic risk maps.
- π§ AI-Powered Reasoning: Integrates Llama 3.3 70B (via Groq) to provide intelligent atmospheric analysis, safety recommendations, and a conversational AI assistant (AtmosChat).
- β‘ Real-Time Data Streams: Aggregates live weather data from OpenWeather and Tomorrow.io with 5-minute refresh cycles for unmatched precision.
- πΊοΈ Interactive Risk Mapping: Features a highly customized, hardware-accelerated heatmap using Leaflet to visualize flood risk zones and atmospheric density.
- π‘οΈ Stateless & Secure: Operates entirely on Vercel Edge Functions with zero database footprint, utilizing strict CORS, input validation, and secure secret management.
- π¨ Premium UI/UX: Built with Tailwind CSS and Framer Motion, offering a responsive, glassmorphism-inspired dark mode interface.
- Frontend: React 19, Next.js 16 (App Router), Tailwind CSS v4, Framer Motion, Radix UI, Leaflet
- Backend: Next.js API Routes (Vercel Serverless Functions)
- AI / LLM: Groq API (Llama-3.3-70B-Versatile)
- APIs: OpenWeather API, Tomorrow.io API, Open-Meteo
- Deployment: Vercel
Follow these instructions to set up the project locally.
- Node.js (v18 or higher)
- npm or pnpm
- API Keys for:
- OpenWeatherMap
- Tomorrow.io
- Groq
Create a .env.local file in the root directory and add the following:
OPENWEATHER_API_KEY="your_openweather_api_key"
TOMORROW_API_KEY="your_tomorrow_io_api_key"
GROQ_API_KEY="your_groq_api_key"
# Optional: Set to 'true' to run the app using local mock data without hitting APIs
NEXT_PUBLIC_DEMO_MODE="false"Clone the repository and install the dependencies:
# Clone the repo
git clone https://github.com/Asmit1211/AtmosIQ-Project.git
# Navigate to the project directory
cd AtmosIQ
# Install dependencies
npm installStart the development server (Webpack is recommended to avoid Turbopack conflicts in Next.js 16):
npm run devOpen http://localhost:3000 in your browser to view the application.
AtmosIQ/
βββ app/
β βββ api/ # Vercel Serverless Edge Functions
β β βββ chat/ # AI AtmosChat endpoint
β β βββ dashboard-data/ # Unified data orchestration API
β βββ dashboard/ # Main dashboard route
β βββ layout.tsx # Root layout and global providers
β βββ page.tsx # Landing page
βββ components/ # Reusable React components
β βββ chat/ # AtmosChat UI
β βββ dashboard/ # Dashboard widgets (Charts, Insights, Forecast)
β βββ map/ # Leaflet interactive map & layers
β βββ ui/ # Radix UI primitive components
βββ hooks/ # Custom React hooks (Geolocation, Dashboard Data)
βββ lib/ # Core logic and utilities
β βββ api-security.ts # CORS, sanitization, validation
β βββ risk-engine.ts # Flood & weather risk score calculation
β βββ types.ts # TypeScript interfaces
βββ public/ # Static assets & icons
βββ styles/ # Global CSS & Tailwind configuration
βββ next.config.mjs # Next.js configuration and headers
βββ vercel.json # Vercel deployment & security settings
- Asmit - Lead Developer / Architect - GitHub