🔹  과외 관리 통합 서비스, 튜플 TUPLE

🔹  제작 동기

💡 튜플의 핵심기능 5가지

1️⃣ 선생님, 학생 유저 별로 로그인, 회원가입 기능 구현

2️⃣ 학생 정보와 진행 중인 과외 정보를 체계적으로 관리

3️⃣ 과외 날짜, 시간, 장소, 진도, 숙제를 일지로 기록

4️⃣ 캘린더를 통해 학생, 일자별로 정리된 과외 정보를 한눈에 파악

5️⃣ 입금 날짜에 맞춰 입금 여부를 확인

🔹 튜플 TEAM

권보미 Web FE	김기철 Web FE
(https://github.com/kwonET)	(https://github.com/Kinngife)

🛠️ 기술 스택 및 사용 라이브러리

• React + Next.js
• Typescript
• Recoil
• Axios
• React Calendar
• React Slick

📂 폴더 구조

📦tuple-
 ┣ 📂apis
 ┣ 📂asset
 ┣ 📂atoms
 ┣ 📂components
 ┃   ┣ 📂calendar
 ┃   ┣ 📂classbyday
 ┃   ┣ 📂common
 ┃   ┃   ┣ 📜Footer.tsx
 ┃   ┃   ┣ 📜Header.tsx
 ┃   ┃   ┗ 📜Layout.tsx
 ┃   ┣ 📂login
 ┃   ┣ 📂onboarding
 ┃   ┣ 📂payment
 ┃   ┣ 📂signup
 ┃   ┗ 📂tutoring
 ┣ 📂data
 ┃   ┗ 📜dummy.ts
 ┣ 📂pages
 ┃   ┣ 📂calendar
 ┃   ┣ 📂classbyday
 ┃   ┃   ┣ 📂create
 ┃   ┃   ┣ 📂detail
 ┃   ┃   ┗ 📂edit
 ┃   ┣ 📂login
 ┃   ┣ 📂payment
 ┃   ┣ 📂signup
 ┃   ┃   ┣ 📂complete
 ┃   ┃   ┣ 📂select
 ┃   ┃   ┗ 📜[userType].tsx
 ┃   ┣ 📂tutoring
 ┃   ┃   ┣ 📂completecreate
 ┃   ┃   ┣ 📂create
 ┃   ┃   ┣ 📂detail
 ┃   ┃   ┣ 📂edit
 ┃   ┃   ┣ 📂list
 ┃   ┃   ┣ 📂progress
 ┃   ┃   ┗ 📂studentcreate
 ┃   ┣ 📜_app.tsx
 ┃   ┣ 📜_document.tsx
 ┃   ┗ 📜index.tsx
 ┣ 📂public
 ┃   ┣ 📂fonts
 ┣ 📂src
 ┃   ┗ 📂styles
 ┃   ┃   ┣ 📜globalStyle.ts
 ┃   ┃   ┣ 📜styled.d.ts
 ┃   ┃   ┗ 📜theme.ts
 ┣ 📜.eslintrc.json
 ┣ 📜.gitignore
 ┣ 📜.prettierrc
 ┣ 📜README.md
 ┣ 📜next-env.d.ts
 ┣ 📜next.config.js
 ┣ 📜package.json
 ┣ 📜pull_request_template.md
 ┣ 📜tsconfig.json
 ┣ 📜yarn.lock