my student / dev portfolio website
a personal student / dev portfolio built with next.js. features a custom molten glass design that includes ambient animations and light mode support.
the design & wireframing
site branding (figma)
site branding #2 (figma)
low fidelity wireframe (figma)
design prototype for the hero section (figma)
the aesthetics of this design were directly inspired from the natural colors of molten glass and the blue-ish hues of tempered glass' sides
the vision
when building this site, i wanted to create something that was really "me". to make that work technically, i chose to rely on an industry-standard framework. the choice was either react or nuxt, and since i hadn't really dabbled in react much, i went with that instead. the goal was to deliver an experience that is smooth and minimal
the architecture
- frontend: next.js, react
- language: typescript
- styling: tailwindcss
- deployment & hosting: vercel
component-driven design
the codebase was structured with reusability and clean architecture in mind. i just made modular react components for recurring ui elements across the site; this includes the rounded technology badges, a custom zoomable image component, and the ambient, animated background that ties the entire aesthetic together nicely