# My Galaxy Folio

**URL:** <https://discourse.threejs.org/t/my-galaxy-folio/86002>\
**Category:** Showcase\
**Created:** [August 10, 2025, 11:38am UTC](https://discourse.threejs.org/t/my-galaxy-folio/86002 "2025-08-10T11:38:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Idris\_Vohra](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/idris_vohra/32/62222_2.png) [@Idris\_Vohra](https://discourse.threejs.org/u/Idris_Vohra)\
**Post date:** [August 10, 2025, 11:38am UTC](https://discourse.threejs.org/t/my-galaxy-folio/86002/1 "2025-08-10T11:38:03Z")

</div>

# Galaxy Folio 🌌 - A 3D Portfolio That Went to Space

\__What happens when a developer has too much tea and access to Three.js documentation_\_

## Overview

Welcome to my portfolio that took a detour through the cosmos! 🚀 What started as a simple “let me showcase my projects” turned into a full-blown 3D space adventure. Because apparently, regular portfolios were too mainstream.

## Key Features

### 🎨 \*\ ***3D Interactive Universe** \*\*

- \*\ ***Three.js + React Three Fiber** \*\*: Making 3D as easy as regular React (narrator: it wasn’t)

- \*\ ***Interactive 3D Objects** \*\*: Tea cups, computers, and books you can actually interact with

- \*\ ***Particle Systems** \*\*: Stars that twinkle more than my career prospects

### 🎭 \*\ ***Scene-Based Navigation** \*\*

- Multiple immersive scenes: Home, About, Projects, Contact

- Smooth transitions powered by Framer Motion

- State management with Zustand

### ✨ \*\ ***Visual Magic** \*\*

- Custom cursors for different moods

- Hand-drawn scribble animations

- Video textures and responsive design

- Runs smooth on mobile (miraculously)

## Tech Stack Highlights

\*\ ***3D Graphics** \*\*: Three.js, React Three Fiber, React Spring, Framer Motion

\*\ ***Frontend** \*\*: Next.js, TypeScript, Tailwind CSS

\*\ ***State** \*\*: Zustand, Custom React Hooks

\*\ ***Performance** \*\*: Sharp optimization, dynamic imports, bundle analysis

## The Journey

### Challenges That Aged Me Prematurely 😅

- \*\ ***The Three.js Learning Curve** \*\*: Spent 3 weeks figuring out why objects were invisible (they were behind the camera)

- \*\ ***Performance on Potato Devices** \*\*: Making 3D run everywhere

- \*\ ***iOS Safari Being iOS Safari** \*\*: If you know, you know 🤷‍♂️

## What’s Next?

I’m planning to sell this portfolio as a template for other developers, complete with:

- All 3D assets and source code

- Customization and deployment support

- Optional analytics dashboard [(Which I already developed)]([https://ivpdb.vercel.app](https://ivpdb.vercel.app))

Interested? [Let’s chat!]( [CONTACT Scene | Idris Vohra](https://www.idrisvohra.me/contact) )

This portfolio is like my coding journey - started simple, got complicated, nearly broke my sanity, but somehow works and looks pretty in SPACE! 🌌

\*\ ***🚀 Experience the 3D madness** \*\*: [idrisvohra.me]([https://idrisvohra.me/](https://idrisvohra.me/))

-–

\__P.S. - Yes, I know I could have built a regular portfolio in 1/10th the time. But where’s the fun in that?_\_

I’d love to hear your thoughts — your feedback helps me improve and grow as a developer.

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [August 11, 2025, 11:37am UTC](https://discourse.threejs.org/t/my-galaxy-folio/86002/2 "2025-08-11T11:37:42Z")

</div>

Hehe really cool and creative work. Very nice!

I did notice a couple bugs in this screenshot:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/f/7f529345572ec156cc18d8e443b2c52b337abf13.jpeg)

The old portfolio page never loaded, and the cursor/hover on the volume slider shows the missing image…

---

<div class="post-metadata">

**Author:** ![Idris\_Vohra](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/idris_vohra/32/62222_2.png) [@Idris\_Vohra](https://discourse.threejs.org/u/Idris_Vohra)\
**Post date:** [August 11, 2025, 11:57am UTC](https://discourse.threejs.org/t/my-galaxy-folio/86002/3 "2025-08-11T11:57:52Z")

</div>

Thanks alot for the compliment and pointing out the bug man : )

I will fix it : O