Product Designer & Frontend Developer

Ideas to Reality,
Pixels to Code.

Hello, I'm HJMakes.
I prioritize user experience and create valuable products with clean design and robust code. I enjoy the process of solving complex problems simply and beautifully.

Core Competencies

I continuously learn and grow to keep up with rapidly changing web trends. Here are the main technologies and tools I use.

Frontend Development

ReactNext.jsTypeScriptMaterial UIReact QueryZustand

Mobile App

React NativeiOS & AndroidApp Deployment

UI/UX Design

FigmaPrototypingDesign Systems

Backend Basic

NestJSPrismaSupabaseDrizzleAWSStripe

Featured Work

Projects I've been focusing on recently.

Monovoca
Monovoca
One word a day, a stress-free language learning habit

To minimize learning burden, we set a constraint of 'one word a day'. Through push notifications and spaced repetition, we encourage natural memorization and improve usability with smooth animations and clean UI.

React Native
TypeScript
Supabase
Figma
Business Support System
Management system for operational efficiency

Developed frontend for a business support system using React and Material UI. Implemented CRUD operations, search/filtering, PDF generation, schedule management, inventory management, and WebSocket-based real-time chat functionality.

React
Material UI
E-commerce Site & Mobile App
E-commerce platform maintenance and operation

Developed frontend for e-commerce site and mobile app using React and React Native. Implemented subscription functionality, payment integration (Amazon Pay/PayPay/Google Pay/Apple Pay), state management refactoring from Redux to React Query and Zustand, and admin QR code coupon issuance functionality.

React
React Native
React Query
Zustand
Twin Parents Community App
Community-based mobile app (solo development)

Managed entire process from requirements definition to design, iOS/Android app development, and release as a solo developer. Implemented SNS features (chat and image posting), Stripe-based online shop, and region-linked SOS notification functionality.

React Native
Supabase
Drizzle
Stripe
Real Estate Land Division System
Real estate industry management system (backend)

Developed backend using NestJS and Prisma. Implemented login/registration, Stripe payments, inquiry handling and welcome email on payment completion, company-based user management, and floor plan data CRUD functionality. Designed AWS environment setup, deployment, and concurrent login device restriction (max 3 devices).

NestJS
Prisma
AWS
Stripe
Construction Company Corporate Site
Corporate website planning and development (solo development)

Developed frontend using Next.js. Managed entire process from requirements gathering to structure design and data design as a solo developer. Implemented homepage, service introduction, construction case studies, company introduction, review display, and inquiry forms. Applied SEO-optimized design and responsive layout.

Next.js
TypeScript

Experience

Through experiences in various environments,
I've developed problem-solving skills and collaboration abilities.

System Engineer

April 2024 - Present

WONQ Inc.

Worked as a system engineer in the System Development Department, responsible for both frontend and backend development. Utilized tech stacks including React, React Native, Next.js, NestJS, and Prisma to handle a total of 7 projects. Experience managing entire development lifecycle from requirements definition to design, implementation, testing, and release as a solo developer. Currently managing 4 ongoing projects.

Key Projects:
• Business support system development and operation (Frontend)
• E-commerce site and mobile app maintenance
• Real estate land division system development (Backend)
• Construction company corporate website planning and development (Full-stack, solo)
• Twin parents community app planning and development (Full-stack, solo)