arrow_backAll projects

Portfolio Website

Responsive modern website to show off my projects

Click an image to view full image

I used various frontend frameworks to quickly put together a website from scratch that scales well from desktop to mobile. Set up to automatically build and deploy to the cloud using a CI/CD system with Node.js.

Features

  • Continuous Integration - Whenever changes are pushed to my website, a build procedure is run using cloud technology to render the PUG files into HTML so that browsers can view them. Bugs can be identified early and fixed, preventing faulty website code being deployed.
  • Responsive layout - Using the industry standard Bootstrap framework, the layout of my website changes dynamically to ensure the best user experience is maintained regardless of the screen size. Desktop, tablet and mobile web browsers are supported using scaling text and menu layouts.

    • Project Details

    I developed my portfolio website as a way to showcase the programming projects had developed in an engaging way. My portfolio website is designed to convey my technical and personal skills in a visually appealing way. The bespoke typing animation effect on my homepage shows the audience my interest in programming and creativity.

    Rather than using a prebuilt website template, I handcrafted the layout and content of my website to create something unique and engaging. I used the PUG language because it sped up the page creation by extending pages from an initial layout into lots of variants while keeping a consistent style. The use of preprocessor utilities enabled me to generate the projects overview and details pages from a singly defined data object.

    I am able to confidently create modern looking websites that scale well from mobile and desktop devices using a build system in the cloud. This could be applied to develop other portfolios by working closely with clients to create a site that expresses their individuality.

    External Links

    gamepadDemocodeSource Code