프로젝트 기획_20210426_Day1

1. 프로젝트 아이디어 선정 [O] -> 화원 이커머스 웹사이트

2. 팀장, 팀 이름, 프로젝트 이름 정하기 [O] -> 프로젝트 이름 Flower Shop SeolimHwa

3. 팀원별 역할 설정 [O] -> 프론트엔드 2명

4. 프로젝트 기획 및 범위 설정 [O] -> 기능, 페이지 베이직/어드밴스드 로 구분

5. 시스템 아키텍처 설계

6. 스키마 작성

7. API 문서 작성

8. 프로젝트 태스크 카드 작성 및 분배

9. 마일스톤 작성

10. 팀 규칙 작성 [O] -> 스택, 개발환경 설정

---

프로젝트 목적 및 취지

- 화원을 운영하고 있는 지인의 화원 사이트를 개발

- 운영자 및 이용자가 실제 사용할 수 있는 서비스를 제공하는 경험

컨셉

: 이커머스 - 온라인 꽃주문 서비스

기능

베이직 ⇒ display, 어드밴스드 ⇒ 주문/배송/결제

• 베이직
  • User
    • 로그인/로그아웃/회원가입
    • 아이디 찾기/비밀번호 찾기
    • 회원정보 등록/수정/탈퇴 (CRUD)
  • Main
    • 필터링 - 카테고리/가격/테마(입학/승진/경조사)별/종류/기념일(어버이날/로즈데이)
    • 정렬기준 - 추천순/인기순/신상품순/가격순
    • 장바구니(위시리스트)
    • 리뷰 CRUD - 사진/글
    • 매장 위치 - 주소/맵 이미지
    • 반응형
  • 관리자용 페이지/계정
  • 소셜로그인(카카오/구글/페이스북/네이버)
• 어드밴스드
  • 꽃 주문 / 취소
  • 결제 - 신용카드, 무통장 입금, 휴대폰 결제, Paypal, kakaopay, payco
  • 비회원 주문 - 휴대폰 본인 인증
  • 배달 알림 서비스
  • 크로스 브라우징 (https://mainia.tistory.com/3671) - 안드로이드: 크롬/웨일/삼성브라우저/파이어폭스/엣지
  • 필터링 - 주문 위치/날짜에 따른 구입 가능 꽃
  • 주문 트래킹
  • 쿠폰 / 포인트 할인

페이지

• 베이직
  • 로그인
  • 회원가입
  • 메인 - 인기 상품, 이벤트, 이달의 꽃, Footer, 네비게이션바(꽃다발/소품샵)
  • 꽃 상세
  • 꽃 리스트
  • 마이페이지 - 전화번호/주소
  • 자주묻는 질문/1:1 문의팅하기(채팅)
  • 이용약관/개인정보 처리방침/
• 어드밴스드
  • 정기구독
  • 장바구니
  • 꽃 주문/결제 페이지1,2

컴포넌트

스택

• Javascript/CSS/HTML
• Typescript
• Styled Component or SASS
• React/Redux(Redux thunk or Saga)
• Firebase - Firestore(database)/authentication/hosting/functions(cloud server)/Storage(image)

환경

• Node Version
• React Version
• Eslint
• Prettier

서비스

• 회원 할인
• 주문 시 편지 쓰기 기능

 

Reference From

• https://kukka.kr/#
• https://urbanstems.com/home
• https://www.goodhousekeeping.com/home/gardening/advice/g2323/best-flower-delivery-service/