📡 SEISMIC.IO | Advanced Tectonic Surveillance

A high-performance, real-time seismic monitoring dashboard built with Next.js 15 and Bun. This platform synchronizes global tectonic data from the USGS with localized atmospheric telemetry from OpenWeatherMap.

🛠️ Tech Stack

• Runtime: Bun (Fast all-in-one JavaScript runtime)
• Framework: Next.js 15 (App Router)
• Mapping: React-Leaflet / Leaflet.js
• Styling: Tailwind CSS (Bento Grid Architecture)
• State Management: React Hooks (useCallback, useMemo, useRef)

🛰️ Key Features

• Independent Syncing: Seismic data and user geolocation are fetched in parallel to prevent UI blocking.
• Atmospheric Handshake: Every seismic node selection triggers a "Satellite Deep-Scan" to fetch real-time weather at the epicenter.
• Smart Vectoring: Automatic "Welcome Zoom" to user location with session-locking to prevent map snap-back.
• Bento UI: High-density data visualization optimized for mission-critical surveillance.

🚀 Quick Start

1. Clone the Repository

   git clone [https://github.com/your-username/seismic-io.git](https://github.com/your-username/seismic-io.git)
   cd seismic-io

2. Install Dependencies

   bun install
   

3. Configure Environment Variables

   Create a .env.local file in the root directory:

   NEXT_PUBLIC_WEATHER_KEY=your_openweathermap_api_key
   

   Get your API key at https://openweathermap.org/api

4. Run Development Server

   bun dev
   

📂 Project Structure

/app: Next.js App Router and main dashboard logic.

/components: Modular UI components including the Leaflet Map integration.

/public: Static assets and iconography.

📝 License

This project is open-source and available under the MIT License.