👋 Hi, I'm Web Developer
Changwoo Lee
I'm constantly learning and growing.

👆 한글을 원하면 저를 클릭해주세요!

I love creating full-stack apps.

also, I have a tendency to learn everything for development without being tied to a specific tech-stacks

React-based Front Development

Responsive UI components and state management with React

Next.js based Front/Full-stack Development

App development based on RSC-based App Router and understanding of CSR, SSR, SSG, and ISR

BaaS

Serverless App Development using BaaS

Leveraging Supabase, Firebase, etc., for authentication, databases, storage, FCM in serverless development

jest, supertest

테스팅

postgreSQL, mySQL, mongoDB, redis

DB 설계 및 최적화

nginx, docker, gitActions

인프라 & CI/CD 구축

Backend Development with NestJS/Express

Developing maintainable and scalable Http and WebSocket server with TypeScript and NestJS/Express

Responsive Web Design

Optimizing user experience across various devices with responsive web design

Mobile App Development

Web view in PWA style, cross-platform development using Flutter

App Store

AWS

Vercel

CDN

Google Play

Git Actions

Docker

Google Cloud

CI/CD Setup Suitable for the Context

Deployment and pipeline setup suitable for the situation using S3, EC2, Docker, Vercel, GitActions, etc.

Tech Stacks

Languages

javascript

typescript

python

dart

Frontend

react

nextjs

flutter

react-query

zustand

tailwindCSS

shadcn/ui

socket.io

Backend

expressjs

nestjs

nginx

serverless

Database

MySQL

postgreSQL

mongodb

firebase

supabase

Others

aws

docker

vercel

Projects

Open Source: flutter_vertical_heatmap

Personal Project (May 2024)

This package provides a vertical scrolling heatmap. Due to requests for features in another heatmap package that is no longer being updated, I open-sourced a widget developed in a previous project. By fully adhering to documentation, testing, comments, and coding style standards, it received a perfect score of 140/140 on pub.dev.

Flutter

Open source

Testing

pub.dev

Pomodoro Chicken Flutter Migration

Personal Project (Apr 2024)

To reduce the server's role, optimize for mobile, and integrate AdMob, I migrated the existing PWA to Flutter over a span of three weeks. During this process, I gained knowledge in cross-platform and mobile development. I also used the certificate generated during the initial PWA deployment to update and release version 1.1.0.

Flutter

Provider

Hive

Shared preferences

Go Router

Dio

Gogole Admob

Socket IO

woo3145.com

Personal Project (2024)

This is a personal branding site based on NextJS and MDX. It implements a modern design using a grid layout and adds smooth animations with Framer Motion. Content is managed using Velite, and multi-language support is provided through next-intl, which allows access for international users.

NextJS

Typescript

next-intl (i18n)

Velite (mdx)

Tailwind

Shadcn UI

Framer Motion

Supabase

Vercel

Pomodoro Chicken: Character Collection Pomodoro Timer

Team Project (January 2024) - Node 1 + Java 2

This is a service that adds a character collection feature to a Pomodoro timer. It is built with React and PWA, making it feel like a fully native app on mobile devices, and the PWA version 1.0.0 has been deployed to the Play Store. I was responsible for content creation using AI, design, frontend, and server using Nest. Additionally, I configured the server architecture to be split between Spring and Nest.

ReactJS

NestJS

PWA Builder

Tailwind

Zustand

React Query

Socket IO

FCM

MySQL (RDS)

Redis (Elasticache)

Bull

Nodemailer

Docker

Nginx

EC2

Sprint boot

JAZZiT

Personal Project (Sep 2023)

This is a music site I created as soon as App Router and Server Actions in NextJS 13.4 were stabilized, driven by curiosity. At that time, there were no best practice examples for RSC-based architecture, so I devised a design suitable for RSC and Server Actions, inspired by hexagonal architecture.