As part of my university coursework, I designed and developed a fully custom online portfolio to showcase my creative and technical work. Rather than using a template or CMS, I built the site from scratch using GitHub, giving me complete control over structure, functionality, and performance.

This project was an opportunity to push my front-end development skills, explore new tools like Three.js, and refine my ability to build responsive, user-focused websites from the ground up.

• Fully custom-built personal website

• Interactive homepage animation using Three.js

• Responsive design across all devices

• Version control and deployment via GitHub

• User testing and iteration based on feedback

• AI-assisted debugging and optimisation

• Full archive of university projects and case studies

The site’s homepage features an interactive bubble animation built using Three.js, designed to create an engaging first impression. Every element—from the layout to the transitions—was hand-coded for precision and control.

User feedback played a big role in refining the interface. I asked multiple people to test the site and used their insights to improve clarity, navigation, and accessibility. AI tools also played a role, helping me diagnose bugs, refine code structure, and streamline development.

Performance and responsiveness were key goals. The site loads quickly, adapts well to different screen sizes, and offers a smooth, intuitive browsing experience. Semantic HTML, clean CSS, and thoughtful structuring ensure both human users and search engines can easily interpret the content.

• HTML, CSS, JavaScript

• Three.js for animations

• GitHub for version control and deployment

• AI tools for development assistance