Project 3: 시나리오 예시 ; 설계 및 기획안 참고 예시

1. Business Model 선정

우리동네 커뮤니티

• 동네 커뮤니티를 활성화 시키기 위한 웹 어플리케이션

기능 목록

1. 같이 주문하기 (배달)
   1. 배달 시켜서 먹고 싶은 메뉴에 대한 글 업로드 (인원, 기한, 음식 카테고리 설정)
   2. 채팅방 생성
2. 맛집 예약
   1. 동네 맛집을 예약할 수 있는 기능
   2. 예약금을 거는 것으로 pay 붙이기
3. 동네 맛집 랭킹
   1. 지도 앱 적용
4. 멤버 등급

---

2. 구현 기능 선정

위 Business Model을 토대로, 팀원간 프로젝트 내에서 구현할 기능들을 정의해 주세요.

기능 정리 미팅 

기능 정리 미팅

기술 스택

• FrontEnd: React, Javascript, styled-components
• BackEnd: Javascript, NodeJs, Express, Mysql
• 공통 : AWS, Git, Github, Trello, Notion, Slack

 

필수 구현 사항

1. • id, pw 입력 시 로그인 버튼 활성화
   • id, pw validation(로그인, 회원가입 공통)
   • 아이디 저장
   • 약관선택(체크박스)
   • 소셜 로그인/회원가입(카카오만)로그인/회원가입 (소셜 로그인만)
   • 로그아웃 기능
2. 포스팅(집들이)

- 집들이 포스팅 리스트 

-포스팅 리스트 필터링(정렬-최신순 스크랩순, 스타일-모던 빈티지 러블리)

-사진에서 상품 정보 보여주기

- 집들이 포스팅 상세보기

-스크랩하기, 스크랩한 리스트 보기

 

 

3. 메인 페이지

-메인 배너 캐러셀

-집들이 포스팅 리스트 보기

- nav: 글쓰기 기능 

- nav: 검색 기능 

 

4. 상품상세

- 기본 구매 정보

-리뷰기능

    -리뷰작성기능(별점, 사진첨부 기능)

     -리뷰조회기능

 

5. 장바구니

   -상품 수량변경, 상품 선택삭제

 

6. 결제

-주소검색 외부 api

-포인트 결제

-배송지 저장

 

7. 스크랩북

8. 글쓰기 기능

 

추가 구현 사항

1. 상품 리스트-정렬 기능(인기순, 최신순)

- 카테고리 기능(가구, 소품) / 서브카테고리(가구-침대,소파,테이블)

 -필터 기능(무료배송)

 

2. 댓글의 댓글 달기 기능

3. 마이페이지

4. 리뷰 필터링 </aside>

 

3. 기능 정의서 작성

Auth - 필수 

유저 - 필수 

유저 - 추가

게시글(채팅) 필수 

 

4. API 목록 정리

5. API Architecture / User Flow 정의

프론트 디자인 참고 링크

Torres – React App Landing Page Template

Blix - HTML Mobile Template

Odis: PWA Mobile App (Progressive Web App)

Mobiokit - HTML Mobile UI Kit

Alix: Multi Purpose PWA Mobile App Template

Kaffen - Restaurant Cafe & Coffee Shop Template

6. Database Modeling

7. Page 기획