You are browsing as a guest. Sign up (or log in) to start making projects!

Personal Portfolio Website

By @self-taught-scribe

  • 1 Devlogs
  • 6 Total hours

A personal portfolio website, also submitted as my NCEA Digital Technologies 1.2 - Develop a digital technologies outcome (92005)

Source
Ship #1

@self-taught-scribe on Personal Portfolio Website

This started as a school web dev assessment and passion project I’ve been meaning to do for a while, but quickly grew way past that. I built a full portfolio site with a Catppuccin based light/dark theme, Home/About/Blog/Projects/Contact pages, and a system that auto-generates cards for blog posts and projects from JSON data.
Along the way I fixed a bunch of bugs, such as my broken image fallback logic (was checking .ok on
an unresolved fetch Promise), an undiscoverable native multi-select filter (replaced with
clickable pill buttons), a missing closing that broke my page layout, and hardcoded NZ
date formatting. The part I’m proudest of is three live data widgets. They’re a GitHub commit tracker, a GitHub
contribution graph matching my profile heatmap, and a Hackatime coding time dashboard. All
three needed lots of debugging.
I finished by adding responsive breakpoints, since none of my layouts adapted to mobile at all.
Most of this project was debugging, not writing new code, which taught me more than the actual
building did.

  • 1 devlog
  • 6h
Try project → See source code →
Open comments for this post

@self-taught-scribe on Personal Portfolio Website

6h 6m 33s logged

This started as a school web dev assessment and passion project I’ve been meaning to do for a while, but quickly grew way past that. I built a full portfolio site with a Catppuccin based light/dark theme, Home/About/Blog/Projects/Contact pages, and a system that auto-generates cards for blog posts and projects from JSON data.
Along the way I fixed a bunch of bugs, such as my broken image fallback logic (was checking .ok on
an unresolved fetch Promise), an undiscoverable native multi-select filter (replaced with
clickable pill buttons), a missing closing that broke my page layout, and hardcoded NZ
date formatting. The part I’m proudest of is three live data widgets. They’re a GitHub commit tracker, a GitHub
contribution graph matching my profile heatmap, and a Hackatime coding time dashboard. All
three needed lots of debugging.
I finished by adding responsive breakpoints, since none of my layouts adapted to mobile at all.
Most of this project was debugging, not writing new code, which taught me more than the actual
building did.

0
0
9

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…