Birth
Portfolio Documentation
Overview
This note documents the creation of Gian-I Media, tracing its development from initial conceptualization through versions 0.5 to 1.0.
Introduction
- Explores the temple-themed branding of Gian-I Media.
Version 0.5
- Pursued React after internship feedback and missing the Parlour project.
- Built the entire site from one HTML file using React and React Router.
- Modeled the layout on Novak’s Hypermedia Navigator concept.
- Framed the portfolio as a dream space with a persistent filtering navigator.
- Implemented multiple filter layers to scale cleanly to a large and growing project archive.
- Filter settings persist across navigation until the page is reloaded.
- Finish the remaining 5 works to move from v0.5 to v0.6.
- Redesign the filter UI for mobile resolutions.
- Learn and integrate Next.js to improve searchability and performance.
Version 0.6
- Added 3 new projects to the portfolio, bringing the archive to 6 total works.
- Increased the projected v1.0 archive to 10 total works.
Version 0.7
- Completed and published all 10 projects planned for the portfolio’s version 1.0 archive.
- Optimized the archive’s image assets by converting them to WebP, compressing them, and downscaling high-resolution files.
Version 0.8
- Rebuilt Gian-I Media on Next.js with TypeScript and Tailwind CSS.
- Adopted the full recommended stack after the Next.js tutorial bundled TypeScript and Tailwind into project setup.
- Refined layout spacing and column proportions on work and note pages.
- Improved accessibility and smoothed theme transitions with Tailwind.
- Started sketching a personal stance on design and technology after GradEx.
- Still forming; touches on craft, nature, and what technology is for.
- Nail down mobile filter UX.
- Extend filtering to project tools and grid display options.
- Refine dark mode, then push toward version 1.0.