Projects | 김미소의 포트폴리오

Implementing a TodoList Using Pure Web Languages

Thu, 25 Sep 2025 00:00:00 +0000

A simple TodoList was created using only pure web languages — HTML, CSS, and JavaScript — without any frameworks or libraries.

Time Capsule App Development

Fri, 20 Dec 2024 00:00:00 +0000

A team project for the Mobile Programming course at Jeonbuk National University, developed by three members.
The project was based on the concept of a digital time capsule that allows users to store photos, videos, and notes for their future selves and open them again on a chosen date.

Sorting Algorithm Performance Comparison

Tue, 03 Dec 2024 00:00:00 +0000

A team project conducted by two members for the Algorithm course at Jeonbuk National University.
We compared the performance of various sorting algorithms by sorting large-scale datasets.
Using the MovieLens 1M dataset (1,000,209 ratings, 3,883 movies), we implemented sorting and recommendation algorithms and visualized the performance results for comparison.

Design System Guidebook

Mon, 13 May 2024 00:00:00 +0000

An internal design system guidebook that standardizes common components such as buttons, forms, and cards.
Documented component structure, color and grid rules, and typography scales.
Applied the Atomic Design concept to ensure consistency and reusability.

🛠️ Storybook · React · SCSS

※ This is a sample design system project created for learning and portfolio purposes,
focused on organizing UI principles and visual rules rather than actual service application.

Cloud Note — Cloud-Based Note App Planning

Sun, 03 Dec 2023 00:00:00 +0000

A web-based cloud note service concept that allows users to synchronize their notes in real time across devices.
Based on a structure similar to Google Drive, the UI scenario includes folder organization, tagging, and search features.
The login screen and editor interface were implemented as Figma prototypes.

🛠️ Figma · React (Prototype)

※ This project is a sample learning project, focusing on UX structure design and interface planning rather than implementing real-time synchronization features.

Smart Travel Dashboard

Sun, 03 Dec 2023 00:00:00 +0000

A smart travel dashboard UI that allows users to view travel destinations, weather, and accommodation information at a glance.
It uses a card-style interface and map-based interactions to visually present complex information intuitively.
A responsive layout and user-friendly color token system were also applied.

🛠️ React · TailwindCSS · OpenWeather API (Mock)

※ This project is composed as a sample example for learning and portfolio purposes,
focusing on UI design and UX visualization ideas rather than full service implementation.

Motion Landing Page

Thu, 03 Aug 2023 00:00:00 +0000

An interactive landing page design concept created using Framer Motion.
Applied parallax scrolling and subtle entrance animations to the hero section
to explore how motion design can enhance visual completeness on the web.

🛠️ React · Framer Motion · TailwindCSS

※ This project is a sample experiment for learning UI and motion design,
focused on exploring web interaction design rather than building a full service.

AWS Cloud Portfolio Deploy

Thu, 03 Nov 2022 00:00:00 +0000

An example of a cloud deployment workflow using AWS S3 and CloudFront to host a static website.
Configured an automated build-and-deploy pipeline with GitHub Actions and documented the process of applying a custom domain and SSL certificate.

🛠️ AWS S3 · CloudFront · GitHub Actions

※ This project is a sample deployment pipeline created for academic purposes,
focusing on understanding and documenting the cloud deployment process rather than operating actual infrastructure.

UI Accessibility Audit Tool

Sun, 03 Jul 2022 00:00:00 +0000

A frontend tool concept designed for web accessibility evaluation.
It features a UI that automatically detects color contrast, font size, and the presence of alt text.
The dashboard visualizes accessibility scores based on WCAG 2.1 standards.

🛠️ React · TypeScript · Chart.js

※ This project is a sample UI accessibility tool created for learning and portfolio purposes,
focused on UI/UX flow and information structure design rather than implementing the actual detection algorithm.