2025.04 - 2026.01Frontend DevelopmentCompany
Double U Works Groupware SaaS
Built business domains and an Electron chat app, improving data retention, response time, application structure, and release reliability.
- ~6s → 0.1s
- Chat-room creation time
- 88.8%
- Fewer duplicate IPC listeners
- 0.9s
- FCP improvement
ProblemApproval drafts could be lost on session expiry, while duplicate REST, Socket, and IPC paths caused chat-room delays and input lag.
ReactTypeScriptReact QueryZustandElectronSocket.IOIPCPlaywrightGitHub ActionsAWS
- HR, attendance, approval, ERP, CRM, and PMS interfaces
- Automatic approval-draft saving
- Refresh Token migration to httpOnly cookies
- Chat-room creation: 6s → 0.1s
- IPC listener registrations: 134 → 15
- FCP: 3.1s → 2.2s
Aug 2026 – PresentProduct Design, Frontend & Backend DevelopmentPersonal
JHWorks AI Groupware
An independent groupware project connecting expense requests to missing-fact questions, policy evidence, previews and approvals. A token-based work home sits on server-validated permissions and business state transitions.
ProblemEmployees re-enter trip expenses into approval forms and manually check policies, missing facts and duplicate spending. AI guesses or unconfirmed submissions can turn convenience into incorrect business records.
Next.jsTypeScriptFastAPIPostgreSQLpgvectorOpenAI APICloud RunSupabaseDocker
- CES expense settlement with evidence-linked missing/duplicate checks
- Design tokens, responsive work home and keyboard shortcuts
- Approval state transitions and optimistic concurrency
- Deterministic leave calculation and employee-scoped reads
- Policy RAG, Structured Output and restricted Function Calling
- Explicit confirmation, idempotent saves and separate submit confirmation
2026.01 - 2026.06Frontend DevelopmentCompany
Jikguround Global B2B/B2C Platform
Built search, transaction, real-time chat, localization, and search-discovery systems for a global cross-border commerce platform.
- 51.8%
- Faster Storybook builds
- 800+
- i18n usages refactored
- 3 languages
- 24 pages standardized
ProblemComplex transaction state, silent localization key collisions, and slow development builds made a multilingual product harder to maintain.
Next.jsReactTypeScriptReact QueryTailwind CSSnext-intlSTOMPtiptapStorybookJSON-LD
- Unified product and supplier search
- B2B quotation and settlement PDF/Excel generation
- STOMP 1:1 chat with a WebSocket-specific token
- i18n namespace and CI validation
- Plate.js to tiptap editor migration
- Three-language SEO and metadata rules
2026.02 - PresentFull-stack Design & DevelopmentPersonal
Game Park
Designed and built a full-stack game platform where independent web games connect through a shared integration protocol.
- 4 games
- Integrated into the platform
- Realtime
- Socket.IO multiplayer
- 1 command
- Initial project setup
ProblemEach game required repeated platform integration and development setup, while real-time gameplay needed consistent state synchronization and an extensible architecture.
TypeScriptReactNext.jsNestJSPrismaPostgreSQLSocket.IOCanvas
- Designed an iframe + postMessage game integration protocol
- Built a Next.js, NestJS, Prisma, and PostgreSQL full-stack architecture
- Implemented Socket.IO matchmaking, multiplayer, and rankings
- Handled Canvas game loops and deterministic state
2026.06Full-stack DevelopmentCompany
In-house Cafe Operations Tool
Proposed, built, and deployed an Electron tool that enabled HR and cafe operators to manage employee badges and menus without developer intervention.
- 1 tool
- Members, badges, and menus
- Self-service
- Operations without DB edits
- Production
- Packaged and deployed
ProblemEvery new employee badge and menu change required a developer to edit the database manually, creating delays and data-entry risk.
ElectronTypeScriptIPCREST APINFCmacOS Notarization
- NFC-based employee badge registration
- Member, badge, and menu CRUD
- Electron, REST API, and hardware integration
- macOS packaging and notarization
2024.10 - 2025.03Frontend DevelopmentCompany
tebekAI
Built upload, processing, results, authentication, payment, and operations flows for an AI image-processing SaaS in a two-person team with a designer.
- 5
- AI image services
- 2-person team
- Product-wide delivery
ProblemFive AI services shared the same upload-processing-results journey and also required authentication, credit payment, and operator tooling.
ReactJavaScriptReact QueryReact RouterAxiosRechartsToss PaymentsCSS Modules
- Five AI image-processing experiences
- Shared upload-processing-result components
- Credit payments with Toss Payments
- User and admin authorization
2023.04 - 2023.05Frontend DevelopmentPersonal
Oreuda — GitHub Management Service
Built a Chrome Extension, landing page, and Markdown parser for a developer-focused GitHub management service.
Next.jsReactTypeScriptChrome Extension API
- Chrome Extension development and Web Store release
- README parser converting GUI output into Markdown
- Landing page and GitHub-integrated user flow