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.
the architecture
- next.js / react
- typescript
- tailwindcss
- vercel
a lot of the components were built with reusability in mind, such as the rounded badges / tags for each programming language / utility. i also built components for things like resizable images and the ambient backgroun.
when building this site, i wanted to build something that resonated with who i am, design-wise. and for that to work technically, i wanted to use an industry standard framework.
the goal was to create something that was smooth, simple, and aesthetically pleasing. it gets the job done while also looking nice.