The Challenge?

• Your average standard portfolio templates are rigid, slow, and fail to demonstrate actual software engineering capabilities. The aim here was to create a fully functional highly customized digital archive built off of a powerful framework that can be changed or updated seamlessly in the future, this will not only house my work but act as a premier technical showcase itself.
• All within 5 days, call this a sprint

My Solution

• Through prior Web Development knowledge, reaching out to Web App expertise connections, and a genAI chatbot, I was able to streamline the development of a multi-paradigm UI (inspired by mixing Minimalism, Editorial, and Bento(box) design languages/styles) driven by a robust Content-Management-System. Every piece of content from the active status on the homepage to the individual EXIF metadata on photographic content, is dynamically injected from the database.

During development, I’ve practiced edge-case handling, such as engineering secure fallbacks for potential ghost references and implementing global loading states to mask server side data fetching. Modern techniques.


Some key features aside from what was mentioned

• A digital darkroom, my custom photography gallery, desaturation effects, framer motion, expanding cursor
• Animated IT Blog utilities, such as a reading time calculator, sticky table of contents, and a auto generating citation engine for academic/technical writing

Further Metrics…

• 100/100 Lighthouse Audit, achieved through aggressive image optimization (WebP conversions via Sanity CDN), lazy loading, and semantic HTML structuring)
• 100% type safe data bridging using typescript types across my frontend, making the applicatio nimmune to undefined or null reference crashes caused from empty Content Management fields
• Zero-Configuration Scalability, due to the dynamic-ness of the site