A modular professional portfolio built with React.js and SCSS. Showcases a component-driven architecture, stateful UI interactions, and high-performance modern frontend engineering standards.
Component-based UI development for ASP.NET Razor Pages made easy.
Interview prep tool built before a real KAIST grad-school interview — turns notes into active recall practice.
A modern, single-page portfolio template built with React 19, Vite, and Tailwind CSS 4. It features a dark theme with glassmorphism, smooth scroll navigation, a contact form powered by EmailJS, and reusable UI components. Use it as a learning resource, a starter for your own portfolio, or as a reference for React patterns and Tailwind theming.
YouTube-inspired frontend interface built with Vue 3 and Quasar 2. Recreates a responsive toolbar, navigation drawer, search layout, video cards, routing, and dynamic view counts to demonstrate component-based UI development, responsive design, and modern single-page application structure without a production backend.
Interactive to-do list built with React, Vite, and React Hook Form as a frontend internship training task.
Responsive blog layout built with React components and CSS Modules as a frontend internship training task.
Flutter marketplace redesign exploring modern mobile commerce experiences and improved user interactions.
Python learning project focused on structured practice and programming concept exploration.
Flutter mobile train booking experience focused on intuitive search, selection, and reservation workflows.
Oosu Mall — a modern browser demo evolved from an early Dart shopping mall console project.
🛒 A feature-rich React e-commerce UI with dynamic product rendering, a smart cart system, and tab-based navigation. Built to demonstrate state management (useState), component architecture, and responsive design with Tailwind CSS.
Java learning project focused on structured exercises and programming skill development.
Dart turn-based RPG console project with an interactive browser portfolio demo.
A simple calculator built with React demonstrating component-based architecture, props, and state management for basic arithmetic operations.
My first full-stack project with a Java/Spring Boot backend — exploring AI features for social experiences.
A quick start project that shows how to create and configure the Syncfusion React Card component in a React project. This sample explains how to add header, content, image, horizontal card, and action buttons to the Card component.
Add a description, image, and links to the component-based-ui topic page so that developers can more easily learn about it.
To associate your repository with the component-based-ui topic, visit your repo's landing page and select "manage topics."