🌌 Cosmic 3D Developer Portfolio

Welcome to the repository of Nirattay Biswas, a first-year Computer Science & Engineering student at SRMIST, passionate about AI/ML systems and applied research. This portfolio is a state-of-the-art interactive experience featuring real-time 3D models, fluid physics animations, and custom visual dashboards.

🚀 Live Site: portfolio.nirucoder.com (Deploys automatically via Vercel)

---

✨ Features

• ⌨️ Interactive 3D Keyboard — A fully interactive custom Spline 3D keyboard where each keycap is a skill that responds to hover and click inputs.
• 🌠 Space-themed Particle Universe — Butter-smooth floating particles on a dark HSL-curated canvas built with GSAP and Framer Motion.
• ⚡ High Performance — Designed using Next.js 15, React 19, TypeScript, and modern Server Components for extreme loading speeds.
• 🌓 Adaptive Theme Engine — Vibrant transitions between light and dark modes with witty toast disclaimers.
• 📬 Dynamic Sheets Webhook Contact Form — An interactive serverless contact form that stores data in Google Sheets instantly.

---

🛠️ Flagship Projects Deployed

🚁 1. DRISHTI (AFK Drishti)

• Category: Computer Vision / AI drone surveillance
• Tech: Python, OpenCV, Real-time Visual Tracking
• Repository: Nirucoder/Afk_Drishti

📊 2. EXPLAIN_ML

• Category: Explainable AI (XAI)
• Tech: Python, Streamlit, SHAP (Shapley Additive exPlanations)
• Live App: EXPLAIN_ML Dashboard
• Repository: Nirucoder/EXPLAIN_ML

🍔 3. Swiggy Playground

• Category: Interactive Data Science
• Tech: Python, Pandas, Streamlit
• Live App: Swiggy Playground Dashboard
• Repository: Nirucoder/Swiggy_playground

🖼️ 4. AI Image Classifier

• Category: TypeScript / Full-stack AI
• Tech: React, Tailwind CSS, TypeScript, Node.js, Vercel
• Live App: Image Classifier
• Repository: Nirucoder/image-classifier

🚲 5. Bike Sharing Demand Predictor

• Category: Predictive Data Science
• Tech: Python, Machine Learning Pipelines, Pandas
• Repository: Nirucoder/Bike-sharing_insider

---

💻 Tech Stack & Architecture

Category	Technologies
Framework	Next.js 15, React 19, TypeScript
Styling	Vanilla CSS, Tailwind CSS, Shadcn UI, Aceternity UI
3D Engine	Spline Runtime, Three.js
Animations	GSAP (GreenSock), Framer Motion
Serverless Integration	Resend (Email), Google Sheets Webhook (Contact Database)

---

🚀 Getting Started Locally

Prerequisites

• Node.js (v18+)
• npm, yarn, or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/Nirucoder/Portfolio.git
   cd Portfolio

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env file in the root directory:

   GOOGLE_SHEETS_WEBHOOK_URL=your_google_sheets_webhook_url
   RESEND_API_KEY=your_resend_api_key
   NEXT_PUBLIC_WS_URL=your_optional_websocket_url
   UMAMI_DOMAIN=your_optional_analytics_domain
   UMAMI_SITE_ID=your_optional_analytics_site_id

4. Run the local development server:

   npm run dev

   Open http://localhost:3000 to explore it!

---

🤖 Continuous Deployment (CI/CD)

This portfolio is optimized for Vercel with automatic pipelines:

• Production Deployments: Any commit pushed to the main branch immediately triggers a new Vercel production build.
• Preview Deployments: Commits on feature branches trigger isolated preview links to test new animations or models.

---

📬 Let's Connect!

• LinkedIn: Nirattay Biswas
• Twitter: @NirattayB
• Email: nb3801@srmist.edu.in
• GitHub: @Nirucoder