님아 그 시장을 가지마오

🚀 배포링크

https://marketgao.vercel.app/

💻 기술스택

• Javascript, NextJs, TypeScript, prisma, Mongodb
• Recat-query
• tailwind

✔ 기술 선택 배경

• Nextjs 개인이 풀스택으로하기에 너무 적합하고 인증,글쓰기등이 편해 선택
• prisma typeorm으로 직관적인 데이터 모델, 형식 안전성 및 자동 완성 기능 등 간편하게 db를 적용할 수 있어서 선택
• mongodb mern proejct를 해보면서 접근해봤기때문에 mongdb 선택
• react-query 서버데이터 관리하는데 react-query의 생태계가 가장 큰 거 같아서 선택
• tailwind 쉽고 간편하고 빠르기 떄문에 선택

🎈 개발 기간 & 일정

• 2023.06.2 ~ 2023.06.13

✨ 프로젝트 기획 배경

평소에 노포집같은 식당들을 좋아하는데 마침 백종원 유투브에 맛있어 보이는 식당들이 나와서 보다가, 식당의 위치와 정보를 알고 싶어서 만들게 되었다.

🎊 프로젝트 상세 소개

주요 기능

• Nextauth를 사용한 로그인,회원가입,SNS 간편 로그인
• React-hook-form 이용한 유효성 검사
• 댓글, 좋아요 기능
• 검색, 태그검색 기능
• 다크모드
• 태블릿, 모바일도 가능한 반응형 웹 디자인
• 카카오톡 지도를 이용한 위치 소개
• react-youtube를 사용한 식당 유투브 영상 보기

서브 기능

• svg 지도를 이용해서 지역별 식당 필터링
• 나만 식당(POST) 글 쓸수있게 적용
• 내 댓글 페이지 만들어서 댓글 누르면 그 댓글 쓴 페이지의 위치로 스크롤 이동
• 라이브러리 없이 pagenation 구현
• 식당 언제 갈지 메모 기능

📖 페이지 소개

메인

식당 페이지

내 댓글 페이지

식당 언제 갈지 메모 페이지