Update

Work Logs

Change Logs

May 01st 2025:

  • Web: minor content update and alignment fixes
  • Arts: continued working on the 1-bit mountain

Oct 29th 2024:

  • Web & Figma: added Button - Icon variant
  • Web: removed hover states on smaller breakpoints
  • Web: added focus ring for Tabs. FINALLY!
  • Figma: continued working on Components/Tree View
  • Figma: started exploring footer

Oct 22th 2024:

  • Web: added Components/Tab
  • Web: added Design System/Overview
  • Figma: worked on Components/Tree View
  • Web & Figma: rework Tokens
  • Web & Figma: minor fixes to Components/Button

Oct 18th 2024:

  • Web: continued working on Components/Button page
  • Figma: added Components/Tab

Oct 15th 2024:

  • Web: added Google Tag and GA4 - temporary measure
  • Web: added SEO tracker - temporary measure

Oct 14th 2024:

  • Web: Design System - implemented bottom navigation
  • Web: finished Component - Link
  • Figma: finished Component - Link

Oct 12th 2024:

  • Web: unordered list - reduced padding-left to 1.25rem, now matching more closely to the Figma doc
  • Web: unordered list - reduced gap to 0.25rem
  • Figma: added contents from Web
  • Figma: worked on Component/Link document
  • Figma: dogfood all placeholder links to the correct Component/Link
  • Figma: added more icons(Figma only)

Oct 5th 2024:

  • Web: added Work Logs page FINALLY!
  • Web & Figma: added Breadcrumbs components
  • Figma: continued refining token/variable system
  • Web: fixed keyboard accessibility for tree navigation
  • Web: added Breadcrumbs to subpages
  • Still stuck in Vietnam

Around May 2024: decided on the name

Around Feb 2024: decided to make my own Design System

Around Jan 2024: created a website to host pixel arts

Upcomings

  • Web: need Footer asap. I hate Footer
  • Web:  add Design System / Components / Link, Button, and Breadcrumbs pages 
  • Web: accessibility audit
  • Web: accessibility - skip to main content
  • Design System: add more components
  • Design System: tokenisations in React
  • CMS: implement one

Future States

  • Web: dark mode
  • Web: moving to a real host(paid)
  • Web: implementing analytics tracker
  • Web: adding Pixel arts
  • Web: embedding Figma source of truth
  • Web: searchable database
  • Code: components in React
  • Code: props in Storybook
keyboard_double_arrow_up