Skip to content

Latest commit

 

History

History
289 lines (245 loc) · 9.8 KB

README.md

File metadata and controls

289 lines (245 loc) · 9.8 KB



✋ 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 작업과정


🛠️ 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"에게 있습니다.
배움을 위한 사용은 언제든 가능하나, "무단도용은 절대 금지"합니다.