Casual Store

Casual Store — Telegram 봇 안에서 동작하는 의류 쇼핑몰(Mini App): 카탈로그, 사이즈별 가격, 장바구니, 주문, 결제 정보, 지도 위 가장 가까운 우체국.

Casual Store는 Telegram 봇으로 여는 의류 쇼핑몰입니다. 구매자는 Telegram을 벗어나지 않고 상품을 고르고, 사이즈를 정하고, 주문한 뒤 지도에서 수령 지점을 선택합니다.

구현 내용

• 카탈로그: 배너, 카테고리와 하위 카테고리, 정렬, 사이즈·재고 필터, 검색.
• 상품 페이지: 사이즈에 따라 바뀌는 가격, 사진과 동영상.
• 장바구니는 세션 간에 유지되며, 주문·결제 페이지에서 결제 정보를 한 번에 복사.
• 배송: SDEK와 러시아 우편 — 가장 가까운 지점을 지도에 표시.
• Telegram 연동: Telegram으로 사용자를 식별하고, 앱은 전체 화면으로 열림.

기술적 해결

• 우체국 지점은 OpenStreetMap Overpass API에서 가져와 Leaflet 지도에 표시.
• 하나의 코드로 두 쇼핑몰: 같은 앱을 다른 카탈로그 API에 연결해 두 번째 쇼핑몰로 출시.
• 백엔드 API의 결함을 문서화하고, 인터페이스가 이를 우회하도록 작성.

나의 역할

프론트엔드 전체를 맡았습니다: 디자인, Telegram 연동, 지도, Netlify 배포.