SYNAMON

✨ 프로젝트 소개

뜻이 맞는 사람들과 함께 활동하며 새로운 경험을 나눌 수 있는 모임 플랫폼입니다.
취향과 관심사에 부합하는 모임을 찾아 가입하거나 직접 새로운 모임을 만들 수 있습니다.

개발기간 : 2024. 2. 29 ~ 2024. 4. 4

🔗 배포 링크

Synamon Link

Test ID : synamon1@codeit.com
Test PW : synamon1

🧑‍🤝‍🧑 팀원

김현수 Hyunsoo-k

• 로그인
• 회원가입
• 내 정보 수정
• 모집 현황
• React-Hook-form, React-Big-Calendar

노진욱 Jinuk-develop

• 모임 상세
• React-Hook-Form, Day Picker, Naver 지도, shadcn

우준석 suk3952111

• 참여 내역
• 내 모임 관리
• 모집 현황
• shadcn

유미정 ymj0828

• 메인 페이지
• 모임 등록
• 모임 수정
• React-Hook-Form, Zod, Kakao 주소, Date Picker, Next Theme, shadcn

🧑‍💻 주요 기능 시연

메인 페이지

default.mp4

모임 등록

default.mp4

모집 현황

default.mp4

다크 테마 변환

default.mp4

🛠️ 기술 스택

📁 폴더 구조

Synamon
├─ public
│  └─ images                # 이미지, 아이콘 리소스
├─ src
│  ├─ apis                  # API 사용을 위한 세팅
│  ├─ components            # 공용 컴포넌트
│  ├─ constants             # 재사용 모음
│  ├─ hooks                 # 커스텀 훅
│  ├─ lib                   # axios instance 모음
│  ├─ pages                 # 페이지 모음
│  ├─ styles                # 스타일 전역 파일
│  ├─ types                 # 주요 type
└─ └─ utils                 # 기타 유틸리티

🖥️ 프로젝트 실행 방법

git clone https://github.com/Codeit-part4-team1/synamon.git

npm i

npm run dev