Web Applications
- Netflix UI Clone Challenge[Signature Project][Portfolio Project]
- Trello Clone Challenge[Highlight Project][Portfolio Project]
- Crypto Tracker Challenge[Highlight Project][Portfolio Project]
- Rolling Ball[Highlight Project][Freelance Project]
- (주)투엘바이오 Aborted Renewal Website[Highlight Project][Work-Related Project]
- (주)화평디엔에프 hwapyung.co.kr[Highlight Project][Freelance Project]
- (주)엘앤에이치글로벌 lnhglobal.co.kr[Featured Project][Freelance Project]
- (주)브로딩커뮤니케이션즈 brawding.co.kr[Signature Project][Freelance Project]
- Zoom Clone Challenge[Highlight Project][Portfolio Project]
- (주)투엘바이오 2lbio.co.kr[Featured Project][Work-Related Project]
- React To-Do List App Challenge[Portfolio Project]
- Kakao Talk Layout Clone Challenge[Highlight Project][Portfolio Project]
- Layout Clone Challenges[Featured Project][Portfolio Project]
Nomadcoders Challenge
Movie & TV Info Browser (Powered by TMDB)
Explore your favorite movies and TV shows in a beautifully animated Netflix-style interface built with React!
This project is a fully responsive clone of Netflix's frontend UI (excluding streaming), using TheMovieDB (TMDB) API to fetch dynamic content.
Nomadcoders Challenge
A custom Kanban board built with advanced drag-and-drop (DnD) UX.
This project was created as part of the Nomad Coders React Challenge and demonstrates my ability to design and implement a fully functional Trello-style task board.
Nomadcoders Challenge
This web application is a fully responsive React application developed for the Nomad Coders React Challenge. It provides comprehensive information about popular cryptocurrencies using the CoinGecko API and showcases various advanced frontend techniques.
- Dark/Light Mode Toggle
Seamless theme switching with a visually distinct UI.
- Responsive Layout
Optimized across all devices.
- Real-Time Crypto Data
Fetches dynamic market data (price, volume, sentiment, etc.) and updates in real-time from CoinGecko.
- Masonry Grid Layout for Links
A uniquely self-implemented custom masonry grid layout organizes multiple external links, rarely seen in other websites due to the complexity and difficulty of implementation. I implemented this masonry grid layout by myself because there weren't any suitable libraries that implement it with my customization requirements but I needed this functionality to prevent only specific column getting too tall and I needed balanced height across all the grid columns.
- Price Details Tab
Displays historical data and various calculated price changes (1h, 24h, 7d, etc.) with clear formatting.
- Animated Price Chart Tab
Beautiful SVG-based price chart with smooth animated paths and OHLC data visualizations for enhanced UX.
Freelance Game Launcher Web App
Rolling Ball is a lightweight custom game launcher web application I developed as a freelance project under strict constraints: I was required to use only Node.js — no frontend or backend frameworks, nor databases.
- User-restricted Login: Only pre-approved users can log in.
- Game Launch Integration: The "Game Start" button launches a locally installed Windows game (
.exe) via a registered custom URI protocol, securely mapped using a.regfile. - Free Board: Logged-in users can post and any users can browse in a lightweight bulletin board system.
- Game Documentation: Includes a detailed game overview with diagrams, screenshots, and gameplay explanations.
Despite the hard limitations, I handled all routing, authentication, form handling, and UI interaction using only vanilla Node.js, HTML, and CSS. This project showcases my ability to deliver complete custom solutions even under heavy technical constraints.
2L Bio Co., Ltd."
Corporate Website Renewal (Aborted Deployment)
I made the renewed main page for 2L Bio Co., Ltd., a biotech company. Although the renewal project was discontinued due to internal decisions, the completed main page demonstrated advanced UX engineering and performance-conscious frontend work.
This project showcases my ability to build low-level user interactions and fine-tuned animations by hand to ensure cross-device UX excellence.
Hwapyung D&F
As a freelance web developer, I collaborated with another freelancer to build the official website for Hwapyung D&F, a health-focused company based in South Korea.
Note: The website is currently offline due to the client's internal decisions.
LNHGlobal Co., Ltd.
I lost the code and the recent data in the database😭😢. Only do I have the old code and the old MySQL data but it's too shameful to display. It was my third website created working as a web developer.
Brawding Communications Co., Ltd.
Web-Based Multimedia Community Platform with Real-Time Video Chat
I designed and developed brawding.co.kr, a fully responsive, real-time multimedia bulletin board web application that combines a CMS (Content Management System) with real-time communication features. The platform is built to scale for high-volume multimedia posts and interactive user sessions.
I built using Next.js, PHP, and MySQL, designed to support large-scale user interactions across a variety of media types.
This project showcases my ability to integrate frontend UX/UI with backend scalability and real-time communication — delivering a full-stack solution with real-world impact.
Nomadcoders Challenge
This project is a real-time communication app I built while learning WebRTC. Inspired by Zoom, it supports both group chat and 1-on-1 video calls, providing a seamless communication experience directly in the browser.
This project gave me hands-on experience in real-time communication systems and WebRTC signaling.
The Zoom clone project I built was recognized as one of the top submissions in the 17th Zoom Challenge cohort by Nomad Coders. hahnsb0579 is me.
Announcement Link: https://nomadcoders.co/community/thread/6103
2L Bio Co., Ltd.
My first website created as a web developer.
Website: https://2lbio.co.kr
Nomadcoders Challenge
React To-Do List App with Dynamic Categories
A polished, fully interactive to-do list application built with React, allowing users to manage tasks through customizable and searchable categories. It offers both simplicity and flexibility, aiming to strike a balance between clean UI and useful features. Perfect for experimenting with category-based filtering, persistent state, and intuitive UX patterns.
Nomadcoders Challenge
A pixel-perfect layout replication of the KakaoTalk mobile app UI, created using only HTML and CSS — no JavaScript, no frameworks, no libraries. This project captures the visual structure and polish of the original app, offering an immersive front-end-only experience suitable for layout and design practice.
This clone serves as a deep dive into front-end layout engineering, ideal for developers practicing responsive, pixel-aligned UI work inspired by real-world mobile apps.
Nomadcoders Challenge
A collection of meticulously crafted CSS layout clone projects, aimed at replicating the UI of popular real-world applications and websites using pure HTML and CSS. These challenges were built to sharpen responsive design skills, improve pixel-perfect alignment, and master CSS fundamentals — without relying on frameworks or component libraries.
