Be my desk. _S.A.

박다영·2023년 2월 7일

project

목록 보기

56/70

프로젝트 소개

🖥️ 데스크 셋업 공유 커뮤니티, Be my desk.
’나다운 공간에서 나다움을 만들다.’

나만의 데스크 셋업을 가지고 있거나, 가지고 싶은 사람들을 위한 공간 Be my desk.
사용한 제품과 함께 나만의 데스크 셋업을 소개할 수 있습니다. 당신이 어떤 사람인지도요!
서로의 데스크 셋업을 구경하고 영감을 주는 제품이 있다면, 바로 구매처로 이동도 가능합니다!

전체기능(MVP)

1) 메인 페이지

들어오자마자 스플래쉬 이미지로 흥미를 끔(책상과 아이템들이 뜨고 스크롤을 내리면 하나로 합쳐짐)
스플래쉬 이미지 이후 메인 페이지 나옴
로고 클릭 → 메인 페이지 이동
글쓰기 클릭 → 로그인이 되어 있다면 글쓰기 페이지 이동,
로그인이 되어 있지 않다면 로그인 페이지 이동
인기 순(좋아요 수가 많은 글)으로 글 정렬이 되어있음.
각각의 글 클릭 → 디테일 뷰 페이지 이동
밑으로 내리면 색상별 글 정렬 섹션이 나옴.
좌우로 선을 드래그하면 색상 별 글, 해쉬태그가 가로 스크롤로 나옴
색상별 글 정렬 오른쪽 상단 토글 클릭 → 제품별(카테고리)별 섹션 페이지로 이동
각각의 카테고리를 누르면 제품 목록 페이지로 이동
하단의 검색창에 검색어를 입력하면 검색 결과 페이지로 이동
마이페이지 클릭 → 로그인이 되어있다면 마이페이지 페이지 이동, 로그인이 되어있지 않다면 로그인 페이지로 이

2) 로그인 페이지

메인 페이지에서 로그인 클릭 → 로그인 페이지로 이동
소셜 로그인(구글, 카톡, 깃헙)으로도 로그인 가능
이메일, 비번 입력 후 로그인을 누르면 메인 페이지로 이동
비밀번호 찾기 버튼을 누르면 비밀번호 찾기 페이지로 이동(이메일 인증하고 비밀번호 바꾸기 페이지) 변경후 로그인페이지로

3) 회원가입 페이지

로그인 화면에서 회원가입 클릭 → 회원 가입 페이지로 이동
이름과 이메일, 비밀번호는 사용자가 입력, 직업은 섹션창으로 고를 수 있게 설정
이름과 이메일, 비밀번호는 실시간 유효성 검사 적용 예정
모두 입력 후 가입 클릭 → 회원 가입이 되면서 메인으로 이동

4) 새 글 작성 페이지

메인에서 글쓰기 버튼 클릭 → 새 글 쓰기 페이지로 이동
만약 로그인이 되어있지 않다면 로그인 해달라는 alert후에 로그인 페이지로 이동
글쓰기 에디터를 사용하여 간단하게 글에 효과를 줄 수 있음
사진은 2장부터 슬라이드로 보이게끔 처리
에디터 옆에 기기선택 버튼 클릭 → 제품 검색 모달창 뜸
포스팅 영역 밑에 해쉬태그 를 달 수 있음
컬러 선택 란에서 사용자가 데스크 꾸미기에 사용한 색깔을 선택할 수 있음(메인에서 색깔별로 분류 할 거라서 필요함)
취소 클릭 → 메인 페이지로 이동함
완료 클릭 → 글이 등록되면서 디테일 뷰 페이지로 이동함

5) 검색란

상단, 하단 검색하기 클릭 → 검색결과 페이지로 이동

6) 마이페이지

왼쪽 : 프로필 이미지, 닉네임, 분야(직업), 간단한 소개글
오른쪽 : 나의 포스트, 스크랩, 팔로워 별로 목록이 나옴
```
디폴트는 나의 포스트 목록을 보여줌(글에 넣은 사진, 제목, 글 내용)
```
닉네임 옆 톱니바퀴 → 프로필 이미지, 닉네임, 분야(직업), 소개글 수정 페이지로 이동(맨 아래는 회원탈퇴버튼 있음)
프로필 이미지에서 이미지 제거 클릭 → 기본 프로필 이미지로 변경
저장, 취소 클릭 → (마이페이지의)메인 페이지로 이동
회원 탈퇴 → 회원탈퇴 모달이 뜨면서 탈퇴여부 다시 물어보기 → 예/아니오로 선택 후 메인페이지로 이동
스크랩 클릭 → 사진, 제목, 글, 글쓴이, 프로필 사진, 닉네임 목록이 밑에 나옴
스크랩한 글을 누르면 디테일 뷰 페이지로 이동
팔로워 클릭 → 내가 팔로우 하는 사람의 프로필 사진, 닉네임, 카테고리(직업), 소개글 목록이 나옴
팔로워는 목록만 볼 수 있음 (언팔 버튼)
로고 클릭 → 메인페이지로 이동