Saptarshi Sadhu

Full Stack Developer · ML Researcher · Systems Engineer

---

⚡ Overview

Welcome to the source code of my personal portfolio. This repository is not just a digital resume — it is a Dual-Mode Web Application built from the ground up without heavy frameworks. It demonstrates frontend architecture, graphics rendering, performance optimization, and systems thinking.

Live → saptarshisadhu.co.in

The portfolio captures my journey across full-stack engineering, machine learning research, and low-level systems programming.

---

🚀 Dual-Mode Architecture

To serve different user preferences and network conditions, the portfolio features a unique dual-mode routing system accessible via the main landing portal (index.html).

1️⃣ 3D Interactive Mode (3d.html)

A cinematic, GPU-accelerated immersive experience.

• 3D Workstation: Features a fully interactive developer room rendered using Google's <model-viewer> (WebGL), complete with orbit controls, realistic lighting, and environment maps.
• Orbital Physics System: A custom physics engine written in Vanilla JS where technology icons orbit along math-calculated spiral paths with dynamic light arcs and dust trails.
• Parallax & Video Layers: Composited .mp4 background with screen-blend elements and responsive scroll observers.

2️⃣ High-Speed Static Mode (static.html)

A lightning-fast, high-contrast, editorial layout optimized for mobile and low-bandwidth connections.

• Minimalist UI: Clean glassmorphism, sharp typography, and instantaneous load times.
• No WebGL Overhead: Stripped of heavy 3D assets and complex physics loops while maintaining identical content parity with the 3D mode.

---

🧠 Integrated Dual-Mode Blog

The portfolio includes a fully integrated blogging system, echoing the dual-mode philosophy:

• blog.html (Dynamic Router): Uses a Vanilla JS routing engine to load Markdown-style HTML posts asynchronously, providing an SPA (Single Page Application) feel with a frosted-glass UI.
• static_blog.html (Static Delivery): Directly links to fully pre-rendered static HTML files (static_blog_posts/) for maximum SEO compatibility and immediate rendering.

---

🏗️ Technical Directory Structure

Portfolio/
├── index.html              # Main Gateway (Mode Selector)
├── index.css               # Global Gateway Styles
|
├── 3d.html                 # Complete 3D Immersive Portfolio
├── 3d.css                  # Styles for 3D Mode & Animations
├── script.js               # Orbital Physics, 3D Observer Engine
|
├── static.html             # High-Performance Static Portfolio
├── static.css              # Editorial Minimalist Styles
|
├── blog.html               # Dynamic SPA Blog Index
├── blog_posts/             # Async-loaded Blog Content
|
├── static_blog.html        # Fully Static SSR Blog Index
├── static_blog_posts/      # SEO-optimized Hardcoded Posts
|
├── port3d.glb              # High-Res 3D Developer Workstation
├── Background.mp4          # Cinematic Background Compositing Layer
└── sitemap.xml & robots.txt# Full Technical SEO Suite

Zero Frameworks. Zero Bundlers. This application is purely hand-authored HTML, CSS, and JS. This ensures maximum control over browser paint cycles, memory allocation, and DOM manipulation.

---

💻 Tech Stack

Languages

Frontend Engineering

Backend Architecture

Databases & Cloud

AI & ML

---

🔬 Featured Research

Urban Air Quality Prediction using Machine Learning
An ongoing data-driven research initiative investigating ML models to predict ground-level concentrations of volatile organic compounds (VOCs), ozone (O₃), and nitrogen oxides (NOx) in urban environments. The project models temporal and environmental feature interactions for short-term forecasting, aiding public health and smart city development.
Stack: Python, TensorFlow, PyTorch, Statistical Modeling

---

🎓 Academic Record

Level	Board	Score
Secondary	WBBSE	93.71%
Higher Secondary	WBCHSE	89.60%
B.Tech Computer Science	Semester GPA Progression	9.3 → 9.5 → 9.43

---

🛠️ Running Locally

Because the project relies on dynamically loaded modules (for the 3D .glb model) and local file fetching (for the dynamic blog routing), opening the files directly using file:// will cause CORS restrictions. You must run a local HTTP server.

# 1. Clone the repository
git clone https://github.com/SAPTARSHI-coder/Portfolio.git
cd Portfolio

# 2. Run a local server
# (Using Python 3)
python -m http.server 8080

# (Using Node/NPX)
npx serve .

Navigate to http://localhost:8080 in your web browser.

---

⚖️ License

Copyright © 2026 Saptarshi Sadhu. All Rights Reserved.

This repository and all of its content (including source code, 3D models, graphics, and design assets) are the exclusive property of Saptarshi Sadhu. No part of this project may be copied, cloned, reproduced, modified, distributed, or transmitted in any form without prior written permission.

---

📬 Contact & Connect

I am actively open to software engineering internships, systems/ML research collaborations, and open-source opportunities.

Network	Link
LinkedIn	linkedin.com/in/saptarshi-sadhu
GitHub	github.com/SAPTARSHI-coder
Email	Available via Contact Section
Support	Buy Me a Coffee

---

Designing systems that operate at real-world scale.
Made with ⚡ by Saptarshi Sadhu