project hero image

PORTFOLIO WEBSITE

A website built with pure HTML and CSS to showcase all my portfolio pieces. It contains both applications and games I've made and was deployed using GitHub Pages.

Explore This Site!

Code

OVERVIEW

PROJECT

Role

Programmer

Team Size

1

Time

2 Months (PT)

APP

Released

2025

Platforms

Web Browser

Category

Portfolio Website

DEVELOPMENT

Languages

HTML, CSS

Tech Stack

GitHub Pages

Tools

GitHub, Figma, Draw.io

PROJECT DUTIES

project duties image

FRONT END

  • Coded the HTML structure of the website
  • Utilised CSS best practices to render elements according to design
  • Employed responsive CSS code so that website can be viewed on desktop and mobile
project duties image

IDEATION & DESIGN

  • Planned structure and flow of website content using Draw.io to create website wireframes
  • Used Figma to rapidly iterate on the design of the website

PROJECT BREAKDOWN

WHAT I LEARNT

  • Importance of responsive design for desktop and mobile
  • Rapid design iteration with wireframing and Figma mockups
  • Good HTML structure and tag usage
  • CSS class refactoring
  • The basics of CSS Flex and CSS Grid
  • When to use CSS Flex vs Grid
  • CSS media queries, min/max/clamp functions, global variables