미니 프로젝트 2 - 맛집리스트 공유 페이지

📢 프로젝트 설명

• 프로젝트 이름 : 맛있는 거 4조🍰
• 프로젝트 설명 : 동네 맛집 추천
• 4조 회사 이름 : 주) 맛있는 거 4조

각 페이지 별 구현 내용

• Header
  • header와 footer가 존재한다. header에는 메인 페이지로 갈 수 있는 링크가 걸린 로고(혹은 글자 이미지 등등), 로그인 회원가입 버튼이 위치한다. footer에는 조의 이름과 구성원 등을 표시한다.
  • 로그인, 회원가입 버튼이 있다.
  • 헤더에 로고 또는 페이지 이름을 클릭하면 메인 페이지로 이동한다.
  • 로그인 시 로그아웃 버튼과 회원의 닉네임을 표시해준다.(ex. OOO님 안녕하세요!).
  • 로그인을 하지 않았을 경우에는 로그인, 회원가입 버튼만 보인다.
  • 로그인하면 작성하기 버튼 나오고 누르면 작성하기 이동
• 메인 페이지
  • 다른 유저들이 작성한 상세 내용을 간단하게 보여준다.
    • 사진, 가게명
  • 로그인하지 않아도 페이지를 볼 수 있다.
  • 카드를 클릭하면 상세 페이지로 이동한다.
  • 플러스 버튼 클릭 시 게시글 작성페이지로 이동한다.
• 로그인 페이지
  • 아이디, 패스워드를 입력할 수 있다. 가입하지 않은 회원인 경우 회원가입으로 넘어갈 수 있다.
  • 회원가입이 되어있지 않은 사람은 회원가입 버튼으로 회원가입이 가능하다.
• 회원가입 페이지
  • 아이디, 패스워드를 조건에 맞게 입력해야 하며, 아이디 중복확인 버튼을 눌러 이미 존재하는 아이디가 있는지를 확인해야 한다.
    • 아이디는 이메일 형식으로 작성한다.
    • 닉네임은 유저에게 받아서 저장. 최대 10자. 최소 2자 이상. 영어.대소문자 및 숫자, 한글(특수문자 제외)
    • 비밀번호는 대, 소문자와 특수문자(!@#*-_), 숫자를 포함한 8자~ 16자로 한다.
  • 입력한 비밀번호를 다시 한번 확인한다.
  • 회원가입이 이미 완료된 사람은 로그인 버튼으로 로그인이 가능하다.
• 게시글 작성 페이지
  • 로그인한 회원만 접근 가능하다.
  • 사진을 업로드 했을 때 사진 미리 보기가 가능하다.
  • 맛집과 관련된 사진을 업로드 할 수 있다.
  • 유저가 직접 가게명과 위치, 한줄평을 입력하고 작성 버튼을 누르면 저장이 완료된다.
  • 게시글 작성시 작성시간을 저장한다.
  • 작성하기 누르면 메인페이지 이동
• 상세 페이지
  • 다른 유저가 작성한 맛집의 정보들 및 게시글에 대한 정보(게시글 작성 시간, 작성자)를 확인할 수 있다.
  • 해당 글을 작성한 유저만 해당 게시글을 수정/삭제 할 수 있다.
    • 수정은 상세 페이지를 재활용하여 구성한다. (별도의 수정 페이지를 구현하지 않는다.)
      • Readonly 속성을 가진 text박스를 input이 가능하게 변경 후 , 수정 버튼을 ‘수정완료’ 버튼으로 변경.

 

📍깃허브 주소 

https://github.com/zinny22/restaurant_board_FE/tree/master

📍url