James Dev ShowroomPortfolio
포트폴리오로드맵프로젝트 문의
크몽 문의하기

Honest Showcase

실제 데모는 눌러서 확인하고, 나머지 옵션은 범위를 정해서 맞춤 구축합니다.

문의: james.cs@james-showroom.com

운영 데모: ClassBridge / 기능 확장: 별도 설계 후 제작

James Dev Showroom

한 번 보면 압니다.

대기업 엔지니어가 직접 짓는 웹. 실제 동작하는 포트폴리오로 기준을 먼저 확인하세요.

포트폴리오 보기

Live Demo

ClassBridge— 학원 상담 예약 플랫폼

상담 신청, 예약, 결제부터 관리자 운영까지 한 흐름으로 연결된 실제 동작하는 데모입니다.

classbridge.james-showroom.com
ClassBridge 메인 화면

핵심 기능

  • ✓Google / Kakao 소셜 로그인 + 데모 관리자 계정
  • ✓스팸 방지가 적용된 상담 신청 폼
  • ✓강좌 선택 → 날짜 입력 → Toss Payments 결제까지 한 흐름
  • ✓로그인 후 마이페이지에서 예약·결제 상태 확인
  • ✓실시간 상태 표시가 되는 관리자 운영 화면

기술 스택

Next.js 15React 19TypeScriptFastAPIPostgreSQLTailwind CSSFramer MotionNextAuth v5Toss PaymentsVercel
데모 보기 →관리자 화면 보기

Live Demo

BEAUTYTECH— 프리미엄 뷰티 클리닉

고급스러운 첫인상과 예약 전환을 동시에 설계한 프리미엄 피부과 브랜딩 웹사이트입니다.

beautech.james-showroom.com
BEAUTYTECH 메인 화면

핵심 기능

  • ✓고급 브랜드 이미지의 풀 화면 영상 메인 + 자연스러운 등장 효과
  • ✓6개 시술별 상세 안내 페이지 (특징, 가격, 자주 묻는 질문)
  • ✓지점 → 시술 → 날짜 → 정보 입력까지 단계별 예약 흐름
  • ✓시술 전후 비교 갤러리 + 고객 후기 모음
  • ✓Google 검색 최적화 (구조화 데이터, 사이트맵 자동 생성)

기술 스택

Next.js 15React 19TypeScriptTailwind CSSFramer MotionFastAPIVercel
데모 보기 →관리자 화면 보기

Live Demo

PriceEye— 경쟁사 가격 모니터링 시스템

네이버 쇼핑 API 기반 실시간 가격 비교 · 트렌드 분석 · 워치리스트 알림 시스템. 경쟁사 가격 변동을 실시간으로 추적하고 최적 가격 전략을 수립하세요.

priceeye.james-showroom.com
PriceEye 메인 화면

핵심 기능

  • ✓네이버 쇼핑 실시간 가격 검색
  • ✓가격 히스토리 차트 (30일)
  • ✓성별/연령/기기 트렌드 분석
  • ✓워치리스트 + 가격 알림
  • ✓관리자 수집 모니터링 대시보드
  • ✓SSE 실시간 이벤트 피드
  • ✓추천 가격 엔진
  • ✓Google OAuth + 데모 로그인

기술 스택

Next.js 15React 19TypeScriptRechartsFastAPISQLAlchemyPostgreSQL네이버 쇼핑 API네이버 데이터랩 APINextAuth v5Tailwind CSSFramer Motion
데모 보기 →관리자 화면 보기

Why James Dev

왜 이 사람에게 맡겨야 하는가

대기업
IT 엔지니어 출신
스타트업 → 대기업 개발 경력
2
Live Demos
지금 바로 체험 가능
5
핵심 기능
로그인·결제·예약·문의·관리자
Full
Stack
프론트 + 백엔드 + DB + 인프라

대기업 엔지니어가 직접 짓습니다

스타트업과 대기업 IT 현장에서 쌓은 경험이 코드 품질과 구조 결정에 그대로 반영됩니다.

디자인 시안이 아닌 실제 동작하는 데모

로그인, 결제, 예약, 관리자 흐름을 지금 바로 클릭해서 확인하실 수 있습니다.

로그인부터 관리자 화면까지 한 흐름

프론트엔드부터 백엔드, DB, 인프라까지 전체 스택을 한 명이 설계하고 구현합니다.

사용 기술

Next.js 15React 19TypeScriptFastAPIPostgreSQLTailwind CSSFramer MotionNextAuth v5Toss PaymentsCloudflare TurnstileSentryVercel

Coming Soon

앞으로 나올 데모들

현재 1개 완성. 9개가 더 준비 중입니다.

💳
멤버십 결제 시스템Coming Soon

Toss Billing 기반 정기결제 + 구독 등급 관리

📊
운영 대시보드Coming Soon

검색·필터·권한이 중요한 데이터 중심 백오피스

💬
커뮤니티 게시판Coming Soon

익명/실명 하이브리드 + 신고 자동화 어드민

🌐
브랜드 랜딩 페이지Coming Soon

강한 히어로 + 리드 전환 중심 마케팅 사이트

⚡
실시간 협업 툴Coming Soon

WebSocket/SSE 기반 양방향 상태 동기화

🏢
B2B SaaS 패키지Coming Soon

멀티테넌트 아키텍처 + SSO 엔터프라이즈 로그인

📦
커머스 주문/배송Coming Soon

재고 동기화 + 택배사 API + 교환/환불 워크플로

📅
예약 플랫폼Coming Soon

양면 시장형 슬롯 예약 + 정산 구조

🎬
비디오 스트리밍Coming Soon

HLS 트랜스코딩 + CDN 서명 URL + 이어보기

Build Your Own

어떤 조합이 필요하신가요?

무조건 크고 복잡한 시스템을 처음부터 만들 필요 없습니다. 실제 전환과 운영에 꼭 필요한 기능 라인업부터 묶어서 제작 범위를 상의해 보세요.

크몽에서 문의하기 →

교육/예약형 서비스

로그인 + 문의 + 예약 + 관리자 흐름을 한 번에 설계하는 조합

상담 전환형 랜딩

소셜 로그인 + 폼 리드 수집 + 알림/분석을 우선 붙이는 조합

결제 포함 운영형 사이트

상품/예약 + 결제 + 상태 추적 + 운영 대시보드까지 확장하는 조합