INTL
Freelancer
보통
외주
원격 가능
E-Commerce Cart & Checkout UI
예산
$12,500~$37,500 INR
예상 기간
3~5주
난이도
보통
기술 스택
JavaScript
React
Vue
CSS
HTML
Stripe
Cypress
AI 분석 요약 기회점수 68/100
기존 전자상거래 사이트의 장바구니와 체크아웃 UI를 완성하는 프론트엔드 작업입니다. 상품/가격 API 연동, 수량 변경, 실시간 합계·세금·할인·배송비 계산, 주소·배송·결제·확인으로 이어지는 멀티스텝 체크아웃과 Stripe 결제 UI 연동이 핵심입니다. 카탈로그 페이지와 백엔드는 이미 구축되어 있어 UI에 집중하면 되며, Figma 디자인과 API 문서, Cypress 스모크 테스트가 제공됩니다. 반응형 커머스 프론트엔드 경험이 있는 중급 개발자에게 적합합니다.
핵심 요구사항
- 기존 상품·가격 API를 연동하는 반응형 장바구니 페이지 구현
- 폼 검증과 에러 처리를 갖춘 멀티스텝 체크아웃 컴포넌트 개발
- 소계·세금·할인·배송비 실시간 계산 렌더링
- Stripe Elements 프론트엔드 훅 및 에러 상태 처리
- Figma 브랜드 토큰에 맞춘 모바일 반응형 스타일링
- Cypress 스모크 테스트 통과
산출물
- API를 소비하는 반응형 장바구니 페이지
- 폼 검증 포함 멀티스텝 체크아웃 컴포넌트
- 실시간 가격 계산(소계/세금/할인/배송) UI
- Figma 기반 브랜드 스타일링
- 빌드/실행 문서 및 핸드오프 워크스루
매력 포인트
- 명확한 스펙과 산출물 정의
- Figma·API 문서·Loom·Cypress 테스트 등 자료 완비
- 백엔드/카탈로그 완성되어 범위 한정적
주의사항
- 예산 통화 표기 불일치($와 INR 혼용)로 실제 예산 규모 불명확
- 기간 미명시
프로젝트 유형단기작업
적합 개발자2~4년차 프론트엔드 개발자 (React/Vue + Stripe 연동 경험)
클라이언트 정보
지원자63명
평균 입찰가$20,684
프로젝트 원문 설명
I’m building an e-commerce website and I need an extra pair of hands to finalise the shopping-cart and checkout flow on the frontend. The catalogue pages and backend endpoints are already in place, so the focus is purely on the user interface: adding items to the cart, updating quantities, showing real-time totals, then guiding the shopper through address, shipping, payment and confirmation screens.
You may work in plain JavaScript, React, Vue or another modern framework—whichever lets you move fastest while keeping the final bundle lean and mobile-responsive. Stripe elements are ready on the backend, so the payment step only needs the correct hooks and error states on the UI side.
Deliverables
• Responsive cart page that consumes my existing product and pricing APIs
• Multi-step checkout component with form validation and graceful error handling
• Sub-total, tax, discount and shipping calculations rendered live
• Polished styling that matches our current brand tokens (Figma file supplied)
• Build/run instructions and a brief hand-off walkthrough
I’ll provide the API docs, staging keys and a short Loom video of the current flow. Once the components slot in cleanly and pass my Cypress smoke tests, the job is done.
You may work in plain JavaScript, React, Vue or another modern framework—whichever lets you move fastest while keeping the final bundle lean and mobile-responsive. Stripe elements are ready on the backend, so the payment step only needs the correct hooks and error states on the UI side.
Deliverables
• Responsive cart page that consumes my existing product and pricing APIs
• Multi-step checkout component with form validation and graceful error handling
• Sub-total, tax, discount and shipping calculations rendered live
• Polished styling that matches our current brand tokens (Figma file supplied)
• Build/run instructions and a brief hand-off walkthrough
I’ll provide the API docs, staging keys and a short Loom video of the current flow. Once the components slot in cleanly and pass my Cypress smoke tests, the job is done.
Freelancer에서 원본 확인
원본 보기