✨ 프로젝트 소개

취ZONE은 '취향 존중'이라는 의미를 담아, 취향이 비슷한 사람들을 연결해 원하는 모임을 쉽게 만들고 참여할 수 있는 플랫폼입니다.
각자의 개성과 취향을 존중하며, 다양한 관심사를 공유하고 사람들 간의 소통과 교류를 하기 위한 서비스를 제작했습니다.

• 서비스 개요 : 취향이 비슷한 사람들을 연결해 원하는 모임을 만드는 플랫폼
• 목표 : 사용자가 간편하게 모임을 생성하고 참여할 수 있는 환경 제공
• 기간 : 24.06.28 ~ 24.08.07

🔗 배포 링크

취ZONE Link

Test ID : [email protected]
Test PW : test1234

🧑‍🤝‍🧑 팀원

Front-end

박준성(팀장)

• 모임 상세 페이지
• 활동 후기 페이지

문필겸

• 메인 페이지
• 찜 목록 페이지

박세은

• 모임 생성 모달
• 마이페이지

유미정

• 회원가입 모달
• 로그인 모달

Back-end

김지민

Design

이예빈

🖥️ 주요 기능

메인 페이지

_.mp4

회원가입/로그인 모달

_._.mp4

모임 생성 모달

_.mp4

모임 상세 페이지

_.mp4

찜 목록 페이지

_.mp4

마이페이지

_.mp4

활동 후기 페이지

_.mp4

🛠️ 기술 스택

Language

Framework

Library

Code Convention

Version Control

Collaboration

📁 폴더 구조

codeit-team2-fe
├─ .eslintrc.json
├─ .firebase
├─ public
│  ├─ 404.html`
│  ├─ icons
│  ├─ images
│  └─ index.html
├─ src
│  ├─ apis
│  ├─ components
│  │  ├─ Card
│  │  ├─ Review
│  │  ├─ ...
│  │  ├─ common
│  │  └─ ui
│  ├─ constants
│  ├─ context
│  │  └─ AuthProvider.tsx
│  ├─ hooks
│  ├─ lib
│  │  ├─ axios.ts
│  │  └─ utils.ts
│  ├─ pages
│  │  ├─ index.tsx
│  │  ├─ 404.tsx
│  │  ├─ _app.tsx
│  │  ├─ _document.tsx
│  │  ├─ bookmark
│  │  ├─ detail
│  │  │  └─ [id]
│  │  ├─ login
│  │  ├─ make-club
│  │  ├─ my
│  │  ├─ review
│  │  └─ signup
│  ├─ styles
│  │  └─ globals.css
│  └─ types
├─ tailwind.config.ts
└─ tsconfig.json

💾 프로젝트 실행 방법

1. Clone the repository

git clone https://github.com/codeit-team2/codeit-team2-fe.git

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Open the project in your browser

http://localhost:3000