New Year, New You Portfolio Challenge Submission
MelOS: A Svelte-Powered Desktop Portfolio Experience
MelOS is not just a website but a fully functional, browser-based operating system designed to showcase my journey as a 4th-year IT student and aspiring software engineer. Built with Svelte, Tailwind CSS, and Google Antigravity, MelOS features a window management system, a functional dock, and integrated apps like "Photos" for my academic achievements and "Notes" for my development logs.
Why MelOS? I wanted to create a portfolio that demonstrates my technical ability to manage complex state (like window layering and drag-and-drop) while reflecting my unique personality.
Key Features: Window Management: Drag, resize, and minimize "apps" just like a real desktop.
Project…
New Year, New You Portfolio Challenge Submission
MelOS: A Svelte-Powered Desktop Portfolio Experience
MelOS is not just a website but a fully functional, browser-based operating system designed to showcase my journey as a 4th-year IT student and aspiring software engineer. Built with Svelte, Tailwind CSS, and Google Antigravity, MelOS features a window management system, a functional dock, and integrated apps like "Photos" for my academic achievements and "Notes" for my development logs.
Why MelOS? I wanted to create a portfolio that demonstrates my technical ability to manage complex state (like window layering and drag-and-drop) while reflecting my unique personality.
Key Features: Window Management: Drag, resize, and minimize "apps" just like a real desktop.
Project Integration: Explore my Cleantee capstone project through the file system.
Interactive Resume: A "Contacts" app that links directly to my GitHub and LinkedIn.
AI-Enhanced: Developed using Google Antigravity, leveraging AI-assisted workflows to optimize the Svelte component architecture.
Technical Implementation The project is containerized using Docker and deployed to Google Cloud Run for high availability and seamless scaling.
Framework: Svelte & SvelteKit
Styling: Tailwind CSS
IDE: Google Antigravity
Hosting: Google Cloud Run
Deployment
–labels dev-tutorial=devnewyear2026
About the Author I am Mel Garcia, a 4th-year Information Technology student at Rizal Technological University and a scholar in Pasig City. I specialize in full-stack development and am currently focused on building AI-integrated web applications.