⌨️ 키보드 추천 서비스 tadak

다양한 키보드 정보와 리뷰를 공유할 수 있는 커뮤니티형 웹 플랫폼

배포 사이트

배포 URL

📸 데모

CRUD	무한스크롤

인증 시스템	필터링

R&R

이름	역할
김인	키보드 목록 페이지, 모달
윤정환	키보드 상세 페이지, 랜딩 페이지, 필터 범위 슬라이더, 별점 버튼
이상달	로그인 페이지, 키보드 등록 폼, 키보드 목록 페이지 슬라이더, 인풋, 버튼
이태경	내 프로필 페이지, 리뷰 등록 폼, 키보드 목록 페이지 퍼블리싱, 드롭다운, 라디오 아이템
최재호	헤더, 배포

기술 스택

This is a Next.js project bootstrapped with create-next-app.

Access to Swagger Document

• Swagger Document Link : 해당 서버가 실행시 접속가능
• teamId는 16-3 사용

Reference

• Figma 기획 변경본(tadak) Link
• Figma 원본(WHYNE) Link
• Discord Link
• Notion Link

폴더 구조

📦public
 ┣ 📂fonts
 ┗ 📂images
 ┃
 📦src
 ┣ 📂app
 ┃ ┣ 📂(auth)
 ┃ ┃ ┣ 📂oauth
 ┃ ┃ ┣ 📂signin
 ┃ ┃ ┣ 📂signUp
 ┃ ┗ 📂(global)
 ┃   ┣ 📂keyboards
 ┃   ┣ 📂myprofile
 ┃   ┗ 📂slider
 ┣ 📂components
 ┃ ┣ 📂feature
 ┃ ┣ 📂layout
 ┃ ┗ 📂ui
 ┣ 📂constants
 ┣ 📂hooks
 ┣ 📂lib
 ┣ 📂stores
 ┣ 📂styles
 ┣ 📂types
 ┗ 📂utils

시작하기

개발 서버 실행:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.