Day 13: Making My 3D Portfolio Mobile-Friendly 📱

PublishedAugust 24, 2025

I'm a full-stack engineer with a passion for 3D animation, simply doing my best to maximize the technological advancements of our time by creating amazing applications and web solutions to solve present problems in our world today.

Today’s focus was responsiveness. The goal was simple:

Ensure mobile users see the same complete 3D room as desktop users, without losing detail or usability.

Key improvements:

Added a scene-wide scale factor when screen width ≤ 480px.
Adjusted camera position and FOV for smaller viewports.
Fine-tuned OrbitControls distance limits so navigation stays smooth on mobile.

This update makes my 3D portfolio look equally polished on all devices 🚀

🔗 Live Demo

#programming

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Polishing the 3D Desk

Today’s focus: quality over quantity. Fixed the flashing background bug by adding a persistent scene color. Built a fourth sliding drawer to highlight my latest full-stack project. It’s amazing how small touches can transform a 3D experience.Next...

Sep 12, 20251 min read

Day 30 — Wrapping Up the Fullstack Journey 🚀

Day 30 marks the official end of my 30 Days Fullstack Journey. Here’s what went down in the final stretch: Days 28 & 29 → deployment chaos. My backend wouldn’t connect properly, so I split backend (Render) and frontend (Vercel) and debugged API path...

Sep 10, 20251 min read

Day 30 — Wrapping Up the Fullstack Journey 🚀

Day 27 — Making client creation production-ready (full form, enum validation, persistence & nicer UX)

Summary Today I focused on fixing the client creation flow and the Dashboard UX so the app behaves like a proper product rather than a prototype. What I changed (technical highlights) Full client form Replaced the previous single name input with a ...

Sep 7, 20252 min read

Day 27 — Making client creation production-ready (full form, enum validation, persistence & nicer UX)

Day 25 – Building a Full-Stack Freelance CRM

Today I: Restructured backend → moved everything into a backend folder for clarity Installed dependencies & ran servers separately on 3000 (frontend) and 5000 (backend) Created UI pages (Homepage, Login, Register, Dashboard) Enhanced UX with: Ma...

Sep 5, 20251 min read

Day 25 – Building a Full-Stack Freelance CRM

Day 24 – Securing the Backend with JWT & User-Specific Data

Today I completed the backend security layer of my Freelance Client CRM: Implemented JWT authentication for user login/register. Added middleware to protect all client routes. Linked clients directly to the logged-in user, ensuring no cross-user d...

Sep 4, 20251 min read

Day 24 – Securing the Backend with JWT & User-Specific Data

The Developer Experience

28 posts

Command Palette

Comments

More from this blog