와플카드 WaffleCard

⛳️ 작은 목표

• 배포를 하게 되면 짧게는 몇일 길게는 1주(?)정도 프롱이분들이 방문할 것 이라고 예상
• (짧은 활성기간)

• 따라서 짧은 기간동안에만 서로에 대해 재미있게 소통하는 용도로 활성화하여 기록, 추억(?)남기기
• (누군가 사용했다는 기록 남기기)

• 따라서 재미요소를 부여하기 위해 해쉬태그와 카드라는 소재를 이용함
• (재미 어그로)

📄 서비스 흐름도

🎨 UX/UI 시안

Home

cardDetail - 나의 카드 or 오늘의 카드

😈 제한사항(정책)

• 카드 만들기 : 1인 1개 - 하나의 카드가 제대로 활성화(수정 가능하도록 구현)

• 다른 카드를 만들고 싶으면 freeze.

• 카드 내부의 해쉬태그 갯수: 최소 1개, 최대 5개 (갯수 조정 고려 1~3개)

• 1개의 카드에 여러 사람이 조회 가능 (1 대 다)

• 초기에 우리가 재미있는 방 몇개를 만들어 놓으면 좋을것 같음
• #자랑방 #너 뭐 잘났어? #부럽네
• #지우개방 #쏟아내고가.. #ㄴr는 ㄱr끔 눈물을 흘린ㄷr #휴지통
• #질문방 #지목해서 물어봐 #이사람외계인?
• #드립방 #아재개그 #썰

기능명세

Home

• header
• 로고(홈으로)
• [후순위] 알람
• 유저버튼
• 로그인 안되어 있을 경우 : 로그인 페이지
• 로그인 되어 있을 경우 : 마이 페이지
 

• body
• 버튼(전체 렌더링이 아닌 카드목록만 렌더링)
• 나의 카드
• 오늘의 카드
• 즐겨찾기
• 카드
• 롤링 효과(좌우버튼과 스크롤)
• 애니메이션 ⇒ 공부
• 즐겨찾기 토글
• 카드 선택 시
• 모달창
• 카드 태그를 flex로 배치
• 카드 디테일(콘텐츠)
• 해시태그(1 ~ 5개)
• 아이콘
• 닉네임
• 메뉴 : 뒤로가기, 즐겨찾기, 엔터버튼
• 메세지창 고민
• 카드 삭제 (방장만)
• 댓글 쓰기
• 댓글 삭제, 편집, 좋아요(CRUD)
• 카드 자체에 대한 좋아요
• 카드 주인은 따로 표시할 수 있도록(왕관)

• 카드 생성 및 수정
• 해시태그
• 카드 색상
• 아이콘
• 생성 및 수정 버튼

• 마이페이지
• 아이디, 닉네임
• 내 정보 수정
• 비밀번호 변경
• 로그아웃

• 로그인
• 아이디, 비번
• 아이디 중복 확인
• 회원가입 버튼 → 회원가입 페이지

• 회원가입
• 아이디, 닉네임, 비번, 비번확인
• 회원가입 버튼

만들어야 할 페이지