Web Application ยท 2023
Content Manager
A versatile web application for organizing projects and content in a single, user-friendly platform. Features external media URL support, local storage persistence, and a sleek dark mode interface.
The Challenge
Managing diverse content types (text, images, video embeds) across different platforms creates fragmentation. Freelancers and students needed a centralized, lightweight dashboard to curate and organize project-specific multimedia resources.
Role & Contributions
Developer & UI Designer
Designing the grid layout, implementing theme switching (dark/light mode), and managing local storage data persistence.
Research Methods
Surveyed peers on how they organize research materials. Discovered a high reliance on browser bookmarks and messy local folders. The core requirement was identified as visual organization with immediate preview capabilities.
Design Process
Implemented a responsive grid system allowing for masonry-style visual content presentation.
Utilized CSS variables to create a dark mode toggle that applies instantly, without page reloads.
Created modular rendering functions to seamlessly embed external image and video URLs.
Measurable Outcomes
Delivered a highly visual, persistent personal content dashboard. The vanilla JS architecture guarantees fast load times, and the application serves as a reliable tool for curating reference materials directly in the browser.