Skip to content

Asmit1211/AtmosIQ-Project

Repository files navigation

🌀️ AtmosIQ

Next.js React TailwindCSS Vercel License: MIT

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.


✨ Features

  • 🧠 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.

πŸ› οΈ Tech Stack

  • 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

πŸš€ Getting Started

Follow these instructions to set up the project locally.

Prerequisites

  • Node.js (v18 or higher)
  • npm or pnpm
  • API Keys for:
    • OpenWeatherMap
    • Tomorrow.io
    • Groq

Environment Variables

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"

Installation

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 install

Running Locally

Start the development server (Webpack is recommended to avoid Turbopack conflicts in Next.js 16):

npm run dev

Open http://localhost:3000 in your browser to view the application.


πŸ“‚ Architecture / Folder Structure

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

🀝 Contributors

  • Asmit - Lead Developer / Architect - GitHub

Built with passion for the WeatherWise Hackathon.

About

Hackathon project by Asmit Samal & Parth More! πŸš€ AtmosIQ turns raw weather data into AI-driven risk intelligence using a modern serverless React + Leaflet architecture.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors