GitHub Description
Portol is a personal portfolio site built to showcase different sectors of my creative work through distinct visual modes.
This site moves away from the traditional single-page portfolio format. Instead of forcing programming, photography, and future creative disciplines into one visual language, that are usually at odds with each other, the different modes get their own identity. This also gives me room to grow if I wanted to show off more aspects of my creative endeavours with their own customizable views.
The site is also built to be content-driven, manageable, and easily extendable. Projects, experience entries, and photography projects are all managed through markdown files within their respective content folders, driving the layout of each page. Adding a new section to a project write-up is as simple as adding a new heading to the markdown file, without needing to touch any templates.
Creating this site has also given me a place to prove out my UI design skills that I have learnt over the years through interactions with incredibly talented UI/UX designers, and my own artistic eye developed through years of photography.
Tech Stack
As a games UI engineer by trade, this project was my opportunity to lean into modern web development and build something that could grow with me over time. Having already worked with React on other projects like Labbo, and wanting a framework that prioritised performance and content management, I landed on Astro.
On top of this I am using:
- React - For interactive components without turning the entire site into a client-side application
- Tailwind CSS - Another framework I am enjoying for rapid layout prototyping, with shorthand notation that makes iterating on designs quick
- Cloudflare Pages - For fast global deployment with minimal infrastructure overhead, keeping costs low for a personal project