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
- r3f
- react
- tailwindcss
- three.js
- typescript
- vite
Log in or sign up for Devpost to join the conversation.