✋ Team SMASH ✋

권범준 (팀장)	이어진	이로운	조성민
kjungit	boyon99	ronieo	FranzCho
[CI/CD] [연차/당직 내역보기] [연차/당직 관리하기] [공통 컴포넌트] [라우터 설정] [회원가입] [로그인] [개인정보수정]	[메인 캘린더 페이지] [엑셀다운로드] [관리자 페이지] [폴더구조] [환경세팅]	[연반차 신청하기] [당직 신청하기] [문서관리] [글로벌 스타일]	[회원가입] [로그인] [개인정보수정]

✋ Team SMASH 프로젝트 소개

• SMASH는 연차'때려'라는 밈에서 착안한 근태관리 서비스 입니다.

🧑🏻‍💻 프로젝트 실행 방법

1. $ git clone https://github.com/smash-teams/smash-teams-FE.git
2. $ cd smash-teams-FE
3. $ yarn
4. $ yarn dev

✋ Team SMASH 작업과정

• 작업 기간 : 2023.05.01 ~ 2023.05.15
• 서비스 주소: ✋ Team SMASH ✋
• FE팀 레포지토리 주소 : SMASH
• FE팀 깃 프로젝트 태스크보드 주소: SMASH Project Board
• 전체팀 작업과정 노션문서 주소: SMASH Notion
  • FE팀 노션문서 및 회의록: SMASH "FE" Notion
• 테스트용 계정
  • 어드민: [email protected] | admin1234!
  • 대표: [email protected] | test1234!
  • 디자인팀 팀장: [email protected] | test1234!
  • 개발팀 팀장: [email protected] | test1234!
  • 디자인팀 팀원: [email protected] | test1234!
  • 개발팀 팀원: [email protected] | test1234!

🛠️ Team SMASH 기술 스택

• Development Tools: vite yarn
• Basic: React Typescript eslint
• Styling: styled-components sass
• Library: react-query react-hook-form axios dotenv react-cookie react-color sweetalert2 toast-ui-calendar react-icon
• Deploy: netlify

---

📌 로그인, 회원가입 페이지 구성

✋ 로그인 또는 회원가입 권유 페이지	✋ 로그아웃

✋회원가입 페이지	✋개인정보수 페이지

---

📝 Side Bar - 네비게이션 페이지 구성

✋ 전체 일정보기	✋ 연차/반차신청하기

✋ 당직신청하기	✋ 연반차/당직 내역보기

---

💁‍♂️ 어드민과 매니저 - 멤버권한, 관리자 페이지 구성

✋ admin - 유저권한 설정하기	✋ 연반차/당직 내역보기

✋ 승인권한 유저 - 연반차,당직 관리하기 신청중 목록	✋ 승인권한 유저 - 연반차,당직 관리하기 완료 목록

📁 Team SMASH 프로젝트 구조

┌─ src
│  ├─ apis
│  │  └─ 공동 api 및 함수
│  │  └─ services
│  │     └─ 페이지 별 분기 된 API
│  │  
│  ├─ components
│  │  └─ common
│  │  |   └─ 공통 컴포넌트
│  │  └─ addTeam
│  │      └─ 팀 추가
│  │  └─ deleteButton
│  │      └─ 삭제버튼   
│  │  └─ halfOffShiftForm
│  │      └─ 연반차당직 내역보기 폼
│  │  └─ historyCard
│  │      └─ 내역보기에서 출력되는 연반차당직 요청 카드 
│  │  └─ loginForm
│  │      └─ 로그인 폼
│  │  └─ miniCalendar
│  │      └─ 연반차 당직 승인요청 페이지에 출력되는 달력
│  │  └─ profileForm
│  │      └─ 내정보 수정 폼
│  │  └─ registerForm
│  │      └─ 회원가입 폼 
│  │  └─ shiftFormContainer
│  │      └─ 연반차 당직 승인요청 페이지에 출력되는 연반차당직 입력 폼
│  │  └─ TopWrapper
│  │      └─ 신청중 목록, 완료된 목록 버튼 묶음
│  │  └─ userInfo
│  │      └─ 어드민에서 사용하는 유저정보 수정 폼
│  │ 
│  ├─ㅡmocks - BE구축 전 사용한 더미데이터
│  │ 
│  ├─ pages - 컴포넌트 랜더링 페이지
│  │  └─ adminPage - 어드민(관리자)페이지
│  │  └─ dayoffPage - 연차페이지
│  │  └─ historyPage - 내역페이지
│  │  └─ homePage - 메인페이지
│  │  └─ loginPage - 로그인페이지
│  │  └─ managePage - 승인페이지
│  │  └─ profilePage - 개인정보페이지
│  │  └─ registerPage - 회원가입페이지
│  │      
│  ├─ routes - 페이지 라우팅
│  |   └─ ProtectedRouter
│  |   └─ router
│  |  
│  ├─ store
│  │  
│  ├─ styles
│  |   └─ GlobalStyles
│  |   └─ Theme
│  │  
│  ├─ utils
│  │ 
│  ├─ App
│  ├─ main
│  │ 
├─ vite-env.d.ts
├─ .eslintrc.cjs
├─ .gitignore
├─ .prettierrc
├─ index.html
├─ package.json
├─ tsconfig.json
├─ tsconfig.node.json
├─ vite.config.ts
└─ yarn.lock

---

본 프로젝트 저작권 소유는 "Team SMASH"에게 있습니다.
배움을 위한 사용은 언제든 가능하나, "무단도용은 절대 금지"합니다.