s
AboutWork

Asana Clone App

May 2022

A project management application inspired by Asana, built with real-time communication with WebSocket and seamless updates with Optimistic UI.

Made with

React /

Next.js /

TypeScript /

Chakra UI /

Golang /

Ent /

GraphQL /

gqlgen /

WebSocket

A image of Asana Clone App 1
A image of Asana Clone App 2
A image of Asana Clone App 3

Frontend Design

Jul 2023

A documentation site of frontend design pattern.

A image of Frontend Design
A image of Frontend Design
A image of Frontend Design

Swift Docs

Jul 2021

A Swift documentation website made by Vue.press.

A image of Swift Docs 1
A image of Swift Docs 2

Medium Diff Viewer

Feb 2020

A Google Chrome Extension for diff viewer in Medium.

Made with

React /

React Hooks /

TypeScript /

Styled-components /

IndexDB

A image of Medium Diff Viewer 1
A image of Medium Diff Viewer 2

Asana Clone App

May 2022

A project management application inspired by Asana, built with real-time communication with WebSocket and seamless updates with Optimistic UI.

Made with

React /

Next.js /

TypeScript /

Chakra UI /

Golang /

Ent /

GraphQL /

gqlgen /

WebSocket

A image of Asana Clone App 1
A image of Asana Clone App 2
A image of Asana Clone App 3
A image of Frontend Design
A image of Frontend Design
A image of Frontend Design

Frontend Design

Jul 2023

A documentation site of frontend design pattern.

Swift Docs

Jul 2021

A Swift documentation website made by Vue.press.

A image of Swift Docs 1
A image of Swift Docs 2
A image of Medium Diff Viewer 1
A image of Medium Diff Viewer 2

Medium Diff Viewer

Feb 2020

A Google Chrome Extension for diff viewer in Medium.

Made with

React /

React Hooks /

TypeScript /

Styled-components /

IndexDB