Frontend To-Do List

[jihwankim255]

Bare Minimum

헤더

• 웹페이지 로고를 누르면 메인 페이지로 이동
• 회원가입 / 로그인, 로그아웃 버튼 만들기
• 로그인 상태에 따라 로그인/회원가입 or 닉네임/로그아웃 버튼 생김
• 마켓, 마이페이지 내비게이션
• 헤더가 작아지면 사이드 메뉴 버튼 생성
• 하위 메뉴가 존재하면 드롭다운 메뉴로 표시

푸터

• 팀 정보 및 기본적인 정보

메인 페이지

• 서비스에 대해 처음 접해도 이해할 수있는 문구
• 버튼 클릭 시 해당 서비스로 라우팅
• (Advanced) 애니메이션 효과

마이 페이지

• 보유 카드리스트
  • 클릭시 해당 카드 페이지로 이동
  • 판매중, 전시중 등 상태 표시
• 오퍼받은 내역 리스트
  • 수락 버튼 표시, 수락 버튼 눌렀을 때 판매 실행
• 내가 쓴 글 리스트,
  • 클릭시 해당 글 페이지로 이동

마켓 페이지

• 판매중인 카드 리스트
  • 클릭시 판매중인 카드 세부 페이지 이동
  • 현재 가격정보 등 표시
• 판매중인 카드 세부 페이지
  • 카드 사진, 카드 정보, 스탯 정보, 현재 가격 정보, 거래 내역 정보, 오퍼 정보 등 표시
  • 구매 버튼 눌렀을때 구매 실행
• 카드 판매 창
  • 판매할 카드 설정, 날짜 설정, 가격 설정 폼
  • 판매 버튼 눌렀을때 판매 리스트업

게시글 페이지

• 페이지네이션 or 무한 스크롤 구현
• 번호, 제목, 작성자, 생성일, 조회수가 보여야 함
• 서버에서 게시글 데이터를 받아와야 함
• 게시글 작성버튼
• 게시글 정렬 기능

특정 게시글 조회 페이지

• 번호, 제목, 작성자, 생성일, 조회수, 본문 등 정보가 있어야함
• 목록 버튼이 있어서 누르면 목록으로 돌아감
• 게시글 좋아요/싫어요
• 댓글 좋아요/싫어요
• 게시글 작성자일 경우 수정/삭제 기능
• 댓글 작성자일 경우 수정/삭제 기능

카드 뽑기 페이지

• 카드팩, 가격, 등급, 보유량 등 정보가 있어야함
• 카드를 뽑으면 토큰이 차감됨
• 랜덤 NFT 카드가 발급됨
• 뽑기 결과를 화면에 보여줌
• (Advanced) 애니메이션 효과

카드 강화 페이지

• 소유한 NFT, 비용, 보유량 등 정보가 있어야함
• 카드를 강화시 토큰이 차감됨
• 강화 결과가 NFT 카드에 반영됨
• 강화 결과를 화면에 보여줌
• (Advanced) 애니메이션 효과

Advanced

• Not Found 페이지
• 이벤트 발생 시 토스트 메시지
• 로딩 화면
• 영상 NFT, 명장면 NFT
• 랭킹 시스템 도입, 게시판 작성자 옆에 표시
• 승부 예측 서비스