My Home on Internet

A futuristic, AI-powered 3D portfolio that blurs the line between creativity and code. It’s not just a website - it’s my digital home, alive with interactivity, animation, and intelligence.

Comment 1

Inspiration

I’ve always felt a static portfolio could never capture the energy and depth of what we truly build as developers. So, I wanted to create something that feels alive — not a portfolio, but a digital spaceship that represents my journey, creativity, and skills.

What it does

teja.tech is a fully interactive, 3D, AI-powered developer portfolio built using Next.js, Three.js, and TypeScript. It blends storytelling with technology to create an experience, not just a website.

  • A UFO-themed 3D interface that reacts to the user, symbolizing exploration and curiosity.
  • An AI assistant that answers questions about me — even offline, using my own knowledge base.
  • A ViewPulse tracker that shows real-time active visitors and their country flags.
  • An interactive skills section where tech stacks and interests fall under gravity physics.
  • A GitHub contribution calendar embedded into my projects section.
  • A content hub styled like a phone UI, switching between my social handles like real apps.
  • Subtle 3D particle environments, smooth transitions, and futuristic UI/UX.
  • A marquee ribbon showing my hackathon wins and achievements.

How I built it

  • Frontend: Next.js (App Router), React, TypeScript, TailwindCSS
  • 3D & Animations: Three.js, Framer Motion, React-Three-Fiber
  • AI Layer: Local model fine-tuned for contextual responses + offline knowledge base
  • Analytics: Real-time WebSocket integration for visitor count and flags
  • Hosting: Vercel
  • Design Tools: Figma, Blender (for 3D UFO assets)

Challenges I ran into

  • Balancing heavy 3D elements with performance and responsiveness.
  • Making offline AI communication feel natural and instant.
  • Synchronizing multiple states (UI, 3D physics, AI responses) seamlessly.

Accomplishments I’m proud of

  • Created a living portfolio that reflects my developer identity.
  • Integrated AI seamlessly into a personal site — no generic chatbot.
  • Built everything from scratch, including 3D scenes and custom shaders.
  • Won 4 hackathons (2 international) while building this project idea.

What I learned

  • How to combine 3D rendering, frontend performance optimization, and AI.
  • The power of creativity in portfolio design.
  • That user experience is storytelling — not just design.

What's next

  • Add voice-based interaction with the AI assistant.
  • Integrate live resume updates and a hiring dashboard for recruiters.
  • Evolve this into an open-source “Dynamic Portfolio Template” for other developers.

Built With

Share this project:

Updates