Projects

2024 - Present | Kiwiy

Kiwiy Daily Scrum is a minimalist daily scrum board. It is developed on top of Next.js. It leverages React Server Components to handle most database querying and rendering on the server side. The project uses Supabase for PostgreSQL database management and real-time communication.

2021 - 2023 | NHN Dooray

Dooray is a collaboration platform with task management, messaging, and video conferencing. This project rebuilt 8 services using React in a monorepo. It uses Redux for state management and Redux Saga for complex async actions. Micro-Frontends architecture was partially applied for separate deployment of services.

2023 | NHN Dooray

Dooray's checkout and subscription management website. It is architected to be extendable as a renewed admin console. Developed with Next.js, it partially adopted React Server Components to ensure secure server-client communication. The UI was built using an internal UI kit, with Storybook employed for visual testing.

2020-2021 | ProtoPie

ProtoPie is a no-code prototyping tool for mobile and web applications. This project rebuilt ProtoPie's official website to align with new branding and serve as a content hub. It is built with Next.js, the renewed site features documentation, pricing information, a blog, FAQs, use cases, and a product download page. Content is managed through a headless CMS. To improve performance, Static Site Generation was implemented, and CDN caching is used for optimized asset delivery.

2021 | ProtoPie

ProtoPie's checkout and subscription management website. It is developed with Next.js, integrates Paddle for billing operations. The development process used Storybook and Chromatic for automated UI testing.

2017 - 2018 | PortOne (formerly Iamport, pre-merger)

Iamport Analytics is a payment data analytics product. It is built with React, it uses Redux for state management and Apache ECharts for data visualization. The project focused on performance optimization, reducing component rendering and memoizing expensive visualization data to enhance user experience.

2024 | Personal project

Personal website of Hyukoo Kwon.

2024 | Personal project

Proof of Concept project to validate building Micro-Frontends applications. Two React apps were developed separately and served on an app shell using Module Federation. The apps communicate between them using event emitters managed by the shell. Some components are federated to be shared over the network.

2024 | Team Sparta Coding Club

Mentored the development of a Korean learning platform featuring quizzes and games. Guided students in structuring the architecture and selecting an efficient tech stack. The project uses Next.js for the frontend, Supabase for database management, TanStack Query for data fetching, and Jotai for state management.

2022 | Green Gables Studio

Kakapoly Store is an e-commece store primarily selling merchandise. It is built with Shopify's Hydrogen framework, leveriging React Server Components to querying and rendering page on the server side.

2020 | Seoulbitz Team

Seoulbitz is an online magazine that introduces unique spots to visit in Seoul. It is developed with Next.js, with content managed by Sanity, the headless CMS, and deployed using Vercel. It features a map-like UI for location filtering, user-location-based filtering, and implemented technical SEO.

2019 | Eatmapl; Eats My Pleasure

Microsalts is an e-commerce store for low-sodium meal delivery. It features a personalized meal recommendation system based on user health information. The store includes essential e-commerce functions like shopping cart, order processing, payment integration, and order management. It is built with React and uses Apollo Client for interacting with the GraphQL server.

2017 | PortOne (formerly Iamport, pre-merger)

An open-source React Native SDK for Iamport. It allows easier payment integration for React Native apps by providing a WebView component.