Inspiration

For my final thesis and portfolio, I wanted to create a digital space that blends my technical skills with a strong focus on user experience and modern design. Drawing inspiration from minimalist design and interactive storytelling.

What I Built

The portfolio includes:

  • Landing Page: Featuring a dynamic 3D grid background powered by Three.js.
  • About Me Section: A concise introduction with space for a personal image.
  • Skills Section: Highlighting my core technical proficiencies and creative tools.
  • Interactive Projects Section: Showcasing key projects, including my thesis and interactive games.

How I Built It

  • Frontend: Built with React and TypeScript using Vite for fast development. TailwindCSS to ensure responsiveness.
  • 3D Visuals: Integrated Three.js for the dynamic 3D grid on the landing page.

Challenges

  • 3D Performance: Balancing 3D complexity and smooth performance for a seamless experience.
  • Interactive Elements: Ensuring real-time interactions without compromising load time.
  • Responsive Design: Adapting the 3D visuals for mobile devices while maintaining usability.

What I Learned

  • Gained experience in 3D web development using Three.js and performance optimization for interactive web experiences.
  • Refined frontend skills in React and TypeScript, focusing on efficiency and user engagement.

Built With

Share this project:

Updates