Skip to content

Repository files navigation

Divyant Poddar — Cinematic Developer Portfolio

Where High-Performance Engineering Meets Digital Art.

Next.js TypeScript Tailwind CSS React Three Fiber Spline 3D

"I don't just write code; I architect cinematic digital experiences. As a relentless Computer Science guy and full-stack freelancer, I have dedicated countless nights to turning abstract, impactful ideas into flawless, high-performance realities."

🌐 View Live Site📅 Book a Discovery Call💬 Message on WhatsApp


🎬 Project Walkthrough


Portfolio Walkthrough

---

⚡ Core Architecture & Engineering

This is not a standard template. This portfolio is a digital playground built to break out of the standard web grid, utilizing custom physics engines, WebGL, and Next.js App Router optimizations to create a living, breathing interface.

  • 🪐 The Gravity Pit (Matter.js): A custom 2D physics engine where the technology stack icons become interactable, rigid bodies reacting to cursor constraints, dragging, and screen boundaries.
  • ⌨️ Interactive 3D Hardware (Spline): Lazy-loaded (next/dynamic), fully interactive 3D components (like the glowing mechanical keyboard) seamlessly embedded into the DOM without sacrificing Core Web Vitals or GPU performance.
  • 🌊 Fluid Shaders & WebGL: Native HTML5 <canvas> environments running custom algorithms to generate interactive, mouse-reactive plasma and light waves.
  • 🌍 Global Network (React Three Fiber): A WebGL-powered 3D globe visualizing international connectivity and spatial data points.
  • 📈 Programmatic Monetization: Bulletproof Next.js integration with Google AdSense, handling React Strict Mode double-mounting and hydration states via Server-Side Meta Tags.
  • Extreme Performance: Strict rendering budgets utilizing Turbopack, intersection observers to pause off-screen WebGL contexts, and aggressive caching.

🛠 The Tech Stack Matrix

I build scalable, modern applications utilizing a diverse ecosystem of tools across Web, Mobile, and Cloud.

Domain Technologies
Frontend Frameworks Next.js 16 (App Router) React Tailwind CSS
3D, Animation & Physics Three.js React Three Fiber Spline Matter.js Framer Motion
Mobile & Cross-Platform Flutter Dart
Backend & Cloud Python Node.js Google Cloud Platform (GCP) Cloud Run
Agentic AI & Web3 Gemini 1.5 Pro/Flash Vertex AI Smart Contracts
Hardware / IoT C++ Arduino

💼 Freelance Services

I partner with bold brands and founders to architect solutions that refuse to be ignored.

  • 🌐 Web Engineering & Design: From cinematic, highly-animated landing pages (like this one) to robust, full-stack SaaS platforms.
  • 📱 Native Feel App Development: High-performance, cross-platform mobile applications built with Flutter.
  • 🤖 Agentic AI Integration: Implementing cutting-edge LLMs and sequential AI agents to automate workflows and elevate user experiences.
  • ⚡ Web3 & Cloud Infrastructure: Building decentralized applications (dApps) and architecting scalable cloud environments on GCP.

🤝 Let's Build Something Exceptional

Ready to stop looking and start building? Let's connect.


💻 Local Development Setup

Want to spin this up locally and play with the Matter.js physics engine?

# 1. Clone the repository
git clone [https://github.com/divyant06/Portfolio_Divyant.dev.git](https://github.com/divyant06/Portfolio_Divyant.dev.git)

# 2. Navigate into the directory
cd Portfolio_Divyant.dev

# 3. Install dependencies
npm install
# 4. Start the development server (Turbopack enabled)
npm run dev

Navigate to http://localhost:3000 to view the build.

Architected for the bold. Built by Divyant

About

A cinematic, high-performance developer portfolio built with Next.js 16. Featuring custom physics engines (Matter.js), immersive WebGL shaders, and interactive 3D components. Architected for the bold.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages