Todo List

task 1) 헤더 생성

• [client] / 웹페이지 로고를 누르면 메인 페이지로 돌아감
• [client] / 회원가입 / 로그인, 로그아웃 버튼 만들기
  • [client] / 로그인을 했을 때) 닉네임과 로그아웃 버튼이 생김
  • [client] / 로그인을 하지 않았을 때) ID/PW란과 로그인 및 회원가입 버튼이 있음
• [client] / 마켓, 마이페이지 내비게이션
• [client] / ETH Faucet 버튼

task 2) 메인 페이지 (랜딩 페이지)

• [client] / 게시글 리스트
  • [client] / 10페이지 단위씩 볼 수 있도록 페이지네이션으로 개발 -> 더보기를 누르면 컨텐츠가 더 나오게
  • [client] / 번호, 제목, 작성자, 생성일, 조회수가 보여야 함
  • [client] / 게시글 제목에 커서를 대면 커서가 누르는 모양으로 바뀌어야 함
  • [client], [server] / 서버에서 게시글 리스트 데이터를 받아와야 함
• [client] / 게시글 작성 버튼
  • [client] / 버튼을 누르면 게시글 작성 페이지로 이동함

task 3) 게시글 작성 페이지

• [client] / 리액트에서 제공하는 기본 폼으로 게시글 작성 페이지를 개발
• [client] / 제목, 내용 칸 있어야 함
• [client], [server] / 작성 버튼을 누르면, 제목과 내용이 글쓴이의 아이디와 함께 서버로 전달해야 함

task 4) 특정 게시글 조회 페이지

• [client] / 번호, 제목, 작성자, 생성일, 조회수 등 정보가 있어야 함
• [client] / 본문 있어야 함
• [client] / 목록 버튼을 누르면 게시글 리스트의 클릭했던 목록으로 돌아감

task 5) 회원가입 페이지 --> Modal PopUP 창.

• [client] / Model 컴포넌트 만들기 ID Password, Password Confirm
• [client] / Pop UP이 나오게끔 반응형 설정.
• [client], [server] / 회원가입 버튼을 누르면 서버로 폼 데이터를 보내야 함

task 6) 마이 페이지

• [client] / 닉네임, 지갑 주소, 토큰 개수, 나의 NFT, 나의 게시글 정보를 볼 수 있어야 함 --> 왼쪽 contents, 오른쪽 NFT
• [client] / 타인에게 내가 가진 토큰을 줄 수 있는 칸이 있어야 함

task 7) Mint Page (Requirement)

• [client] / 사용자가 사진 주소를 올리면 민팅이 될 수 있어야 함

task 8) 유저 정보 제어

• 훅스, 리덕스, 리코일 등 상태 관리를 통해 유저 정보를 제어할 수 있어야 함
• Recommended (권장) - 프로젝트를 통해 달성하기를 권장하는 항목입니다.
• HTTPS 설정
• CSS 라이브러리 사용
• 푸터 생성 (Optional)
• 팀 정보 및 깃헙 페이지 등 기본적인 정보
• (Optional) Not Found
• 사용자가 요청을 잘못 보냈을 때 해당 페이지를 띄웁니다.
• (Optional) Spinner
• 로딩이 길어졌을 때 흰색 화면 대신 해당 페이지를 띄웁니다.
• 기본 폼 이외에, 라이브러리를 사용하여 개발
• 회원가입시 자동으로 로그인이 됨