Daangn Web Version

Daangn Web Version is a Gatsby-based front-end template that recreates the main page of the Korean second-hand marketplace Daangn (known as Karrot internationally) as a static web application, hosted on GitHub Pages at limeunseop.github.io/daangn.

What is Daangn Web Version?

Daangn Web Version is a single-page front-end project that mimics the main interface of the Daangn marketplace. It takes no backend input and produces a static web page using React components compiled by the Gatsby static site generator. The project is written in TypeScript, which adds type checking to the component code.

Key Features

• React + Gatsby — The site is built with Gatsby, a static site generator that pre-renders React components into HTML for fast loading and easy deployment.
• TypeScript — The codebase uses TypeScript for type safety across components and data structures.
• SCSS Modules and Styled-components — Styling is implemented with both SCSS Modules for class-scoped styles and Styled-components for CSS-in-JS.
• React Slick — The React Slick carousel library is included, suitable for building image sliders and banner carousels.
• GitHub Pages deployment — The live site is deployed to GitHub Pages, and the URL is provided in the project description.

Who is it for?

Front-end developers who want to study how a Gatsby project is structured with TypeScript and multiple styling approaches. It is also useful for developers looking for a Korean-language marketplace interface reference, since the layout copies the Daangn web app. Designers and product managers can use it as a visual prototype for a classifieds or second-hand goods service.

What can you do with Daangn Web Version?

• Learn Gatsby by example: Inspect how pages and components are organized, how SCSS Modules coexist with Styled-components, and how React Slick is configured.
• Create a marketplace prototype: Use the existing UI structure as a starting point for a new buy-and-sell platform.
• Prepare a portfolio demo: Point recruiters to the live GitHub Pages URL to show a working, polished marketplace front-end.