온라인 야채 및 과일 시장(VegFru)
온라인 야채 및 과일 마켓플레이스 프로젝트에 오신 것을 환영합니다! 이 플랫폼은 신선한 과일과 야채를 판매하는 인근 판매자와 고객을 연결하도록 설계되었습니다. 사용하기 쉬운 인터페이스를 통해 고객은 지도에서 공급업체를 검색하고, 제품 목록을 보고, 결제 게이트웨이를 통해 안전하게 주문할 수 있습니다.
VegFru의 흐름을 보려면 여기를 클릭하세요
Note: Fully Mobile Responsive
앱 기능:
| 고객 기능 | 공급업체 기능 - 상점 생성 및 관리 |
|---|---|
| 1. 지도에서 인근 공급업체 검색: - 대화형 지도 인터페이스를 사용하여 인근 공급업체를 쉽게 찾을 수 있습니다. | 1. 스토어 생성: 공급업체는 플랫폼 내에서 온라인 스토어를 생성하고 맞춤화할 수 있습니다. 브랜딩, 로고, 매장 정보를 사용하여 매장을 설정할 수 있습니다. |
| 2. 지도에서 공급업체 프로필 및 제품 목록 보기: - 자세한 공급업체 프로필에 액세스하고 지도 인터페이스 내에서 직접 제품 목록을 찾아보세요. | 2. 재고 관리: 공급업체는 효율적인 재고 관리를 위해 강력한 대시보드에 액세스합니다. 제품 목록을 추가, 편집 또는 제거하고 수량을 업데이트하고 가격을 설정할 수 있습니다. |
| 3. Stripe를 통해 안전하게 주문하고 결제하세요. - 강력하고 안전한 Stripe 결제 게이트웨이를 사용하여 공급업체로부터 원하는 제품을 원활하게 주문하세요. | 3. 주문 처리: 공급업체는 대시보드에서 직접 효율적으로 주문을 관리하고, 세부 정보를 검토하고, 배송을 준비할 수 있습니다. |
| 4. 실시간 주문 추적: - 주문 확인부터 배송까지 실시간으로 주문 상태, 세부 정보, 결제를 추적합니다. | 4. 통찰력: 공급업체는 일일 수입, 고객 합계 및 주문 데이터에 액세스하여 매장 성과를 이해하는 데 도움이 되는 귀중한 비즈니스 통찰력을 제공합니다. |
| 5. 주문 성공 후 이메일 확인: - 성공적으로 주문한 후 즉시 이메일 확인을 받습니다. |
사용된 기술
이 프로젝트는 다음을 포함한 최신 웹 기술을 사용하여 구축되었습니다.
| 기술 | 선택 |
|---|---|
| 프런트엔드 | ReactJS/NextJS |
| UI 프레임워크 | ChakraUI/테일윈드 |
| 백엔드 | NodeJ/ExpressJS |
| 데이터 베이스 | 몽고DB |
| 컨테이너화 | 도커 |
| 위치 서비스 | Mapbox API (위치기반 검색, 지도통합, Direction API, Distance API) |
| 결제 게이트웨이 | 스트라이프 체크아웃 |
| 캐싱 | Redis (DB 요청 감소, 성능 최적화, 응답 시간 단축을 위해) |
| 속도 제한 | 요청률 제어에 활용되며, ExpressJS에서 미들웨어로 구현되어 과도한 요청을 방지하고 서버 안정성을 보장합니다. |
| 웹훅 | 데이터베이스에 결제 세부정보를 저장하는 데 사용됩니다. |
| 이메일 알림 | Gmail SMTP 서버 및 Nodemailer를 사용하여 전송됨 |
| 액세스 토큰 및 새로 고침 토큰 | 향상된 사용자 경험을 위해 Axios 인터셉터로 구현됨 |
클라이언트측 스크린샷
공급업체 측 스크린샷
연락하다
질문이나 의견이 있으시면 [email protected]으로 저에게 연락해 주세요. 제 웹사이트를 방문해 주세요. 여기를 클릭하세요. 여러분의 의견을 듣고 싶습니다!
