[ Solo ] Deployed
Portfolio Website
An interactive, visitor-adaptive portfolio experience.
- React
- Vite
- Tailwind
- Three.js
- Framer Motion
- Zustand
What it is
A personal portfolio designed as a modular workbench, showcasing projects, skills, and personal identity. It features a unique visitor-based theming system that tailors the UI for recruiters, clients, or friends, and incorporates 3D elements with React Three Fiber.
Decisions
- Chose Vite for its superior speed and modern development experience.
- Designed a modular grid UI to create a dynamic and engaging 'workbench' feel.
- Implemented a visitor-based theming system using React Context for a personalized user journey.
- Utilized React Three Fiber and Framer Motion to add interactive 3D skill visualizations.
- Managed global state efficiently with Zustand for theme and visitor context.
Build log
- Established core project structure with Vite, React, and Tailwind CSS.
- Developed the visitor context system to enable personalized themes and content.
- Built the modular workbench grid with Framer Motion for fluid animations.
- Integrated React Three Fiber to create the interactive 3D skill sphere.
- Deployed the full-stack application using Firebase Hosting and GitHub Actions for CI/CD.