ALLPROJECTS
A collection of all my work — web development, design, and more.
PERSONAL PORTFOLIO 2026
This portfolio is built using a modern frontend stack focused on speed, scalability, and clean development. It uses React with TypeScript for type-safe component-based architecture, while TanStack Start provides SSR and file-based routing, and Vite ensures fast builds and development performance. Tailwind CSS, shadcn/ui, and react-icons are combined to deliver a responsive, accessible, and visually consistent user interface.
STRANGER THINGS WEBSITE
A fan-made Stranger Things website with immersive dark UI design, character pages, and themed layouts. Built to practice visual storytelling and advanced styling using React and CSS.
ZENOROBE INTERFACE
A modern e-commerce fashion interface designed to simulate real shopping experiences with grid layouts, product sections, and responsive UI systems.
PORTFOLIO VERSION 1.0
My starting point in frontend development focused on layout structure, clean UI hierarchy, and fundamental React concepts. Built to understand reusable components, responsive design systems, and fast development workflow using Vite and Tailwind CSS.
PORTFOLIO VERSION 2.0
An improved portfolio version with refined UI structure, better spacing, and stronger visual hierarchy. Focused on improving design consistency, responsiveness, and component organization using React, Tailwind CSS, and Vite.
PORTFOLIO VERSION 3.0
A more polished evolution with smoother interactions, improved layout structure, and refined UI behavior. Built to push design consistency and frontend architecture using React and Tailwind CSS.
PORTFOLIO 2025 EDITION
A modern personal portfolio focused on responsive design, smooth animations, and clean frontend development. Built to showcase projects, skills, and creative web experiences using React and Tailwind CSS.
NETFLIX CLONE
A Netflix UI clone focused on replicating real-world layout systems, responsive grids, and component-based architecture using React and Tailwind CSS.
MARCI METZGER HOUSING
A real estate UI concept focusing on structured layouts, reusable components, and clean presentation of property listings.
SIMPLE BLOG WEBSITE
A blog platform with authentication and CRUD functionality using Supabase and Redux, built to simulate real-world full-stack workflow patterns.
RECIPE VERSION 2
A recipe browsing interface focused on modular components, clean UI structure, and responsive layout systems using React and Tailwind CSS.
STARBUCKS WEB PAGE
A Starbucks-inspired landing page focused on layout replication, responsive UI behavior, and modern styling patterns.
INSIGHT LANDING PAGE
A furniture landing page built using HTML, CSS, and JavaScript with focus on layout hierarchy, spacing systems, and UI clarity.
MICHI RAMEN LANDING PAGE
A ramen restaurant landing page focused on modern UI design, interactive elements, and responsive layouts.
LOMBOK LANDING PAGE
A travel landing page inspired by modern UI trends, focusing on layout balance and visual storytelling.
RECIPE WEBSITE
A basic recipe website focused on semantic HTML, CSS styling, and structured content layout.
GET PIZZA LANDING PAGE
A pizza ordering landing page focused on UI flow, interactive elements, and responsive layout design.
TRAVELBEE WEBSITE
A travel website built using SASS to practice modular styling, reusable components, and scalable CSS structure.
NEV WEBSITE
A SASS-based website project focused on clean structure, reusable styles, and responsive layouts.
E-COMMERCE STORE
An e-commerce interface built with React focusing on state management, product layout systems, and responsive UI behavior.
DESILICIOUS RECIPES
A food recipe website focused on JavaScript interactivity, dynamic content handling, and responsive UI design.
GRID LAYOUT DESIGN
A CSS grid layout project focused on mastering modern layout systems, spacing, and alignment precision.
FIGMA PORTFOLIO 2024
UI/UX portfolio designed in Figma showcasing layout exploration, visual hierarchy, and interface design systems with a focus on modern web aesthetics.
CREATIVE VISUAL DESIGN
A UI/UX exploration focusing on modern layouts, typography systems, and interface composition using Figma.
FIGMA SAMPLE UI
A collaborative design study focused on spacing systems, layout consistency, and clean UI structure using Figma.