9조 과제 제출 (김성은, 안태욱, 이용수, 최용준)

README.md

@@ -1,27 +1,94 @@
-# ✔️ 미니 프로젝트_연차/당직 프로그램 만들기
+# KDT5-Mini project
+
+# 'TimeSync'
 
-## 필수 요구 사항
+####  회원가입과 로그인을 통해 인증된 사용자가 각자 자기의 연차 휴가 관리를 할 수 있으며, 
+####  관리자의 승인 기능으로 결재 유무를 확인 하게 작성 되었습니다.
+####  메인 캘린더를 활용하여 각자의 연차와 당직의 스케쥴을 확인 할 수 있으며, 
+####  캘린더 데이터를 기초로 스케쥴을 조정 할 수 있습니다.
+<br>
 
-- 로그인 / 회원가입 페이지
-- 개인 정보 수정 페이지
-- 사용자간 공유 게시 페이지 캘린더 사용
+### • 배포 주소: [링크](https://hmteresting.netlify.app/)
+### • 프로젝트 노션: [링크](https://www.notion.so/9-81b5697a6070438488fa95b4e22f1229)
+<br>
 
-## 선택 요구 사항
+### 🗓 프로젝트 기간: 2023.07.24 ~ 2023.08.11
 
-- `useCallback`, `useMemo `등을 통한 컴포넌트 렌더링 최적화
-- 내가 작성한 코드를 팀원 중 누가봐도 쉽게 알아볼 수 있도록 고민하면서 작성해주세요.
+<br>
 
-## 과제 수행 및 제출 방법
+### 🧔 개발팀 
+|   **[안태욱](https://github.com/dotory0829)**   |                        **[이용수](https://github.com/dragon-it)**                         |                        **[김성은](https://github.com/kse-seong-eun?tab=repositories)**                         |                   **[최용준](https://github.com/pelicanstd)**                    |
+|:--------------------------------------------:|:-----------------------------------------------------------------------------:|:-----------------------------------------------------------------------------:|:-----------------------------------------------------------------------------:|
+|                       <img src="https://avatars.githubusercontent.com/u/118456013?v=4" width="300">                       | <img src="https://avatars.githubusercontent.com/u/118169266?v=4" width="300"> | <img src="https://avatars.githubusercontent.com/u/66905959?v=4" width="300"> | <img src="https://avatars.githubusercontent.com/u/128352717?v=4" width="300"> |
+|     인 증,<br> 로그인,<br> 회원가입,<br> admin 인증     |                    메인캘린더,<br> 연차/당직 등록기능,<br> 메인캘린더 리스트 작업                    |        전체 페이지 디자인<br> Admin 페이지,<br> 검색기능 구현,<br> Admin 연차/당직 승인 기능 구현        |                     연차/당직 페이지 구현,<br/>연차/당직 수정,<br> 삭제 기능                     |
+<br>
 
-1. 현재 저장소를 로컬에 클론(Clone)합니다.
-2. 팀별로 브랜치를 생성합니다.(`git branch KDT5_TEAM_ABC`)
-3. 팀별 브랜치에서 과제를 수행합니다.
-4. 과제 수행이 완료되면, 자신의 본명 브랜치를 원격 저장소에 푸시(Push)합니다.(`main` 브랜치에 푸시하지 않도록 꼭 주의하세요, `git push origin KDT5_TEAM_ABC`)
-5. 저장소에서 `main` 브랜치를 대상으로 Pull Request 생성하면, 과제 제출이 완료됩니다!(E.g, `main` <== `KDT5_TEAM_ABC`)
+### 기술 스택
+Development
+<p>
+<img src="https://img.shields.io/badge/React-61DAFB?style=flat&logo=React&logoColor=white" />
+<img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat&logo=TypeScript&logoColor=white" />
+<img src="https://img.shields.io/badge/day.js-FF6384?style=flat&logo=chartdotjs&logoColor=white" />
+<img src="https://img.shields.io/badge/SCSS-4A154B?style=flat&logo=Scss&logoColor=white" />
+<img src="https://img.shields.io/badge/react_Query-3178C6?style=flat&logo=React-Query&logoColor=white">
+<img src="https://img.shields.io/badge/react_Calendar-F05032?style=flat&logo=Youtube&logoColor=white">
+<img src="https://img.shields.io/badge/react_Modal-F05032?style=flat&logo=Youtube&logoColor=white">
+</p>
 
-### 주의사항!
+Config
+<p>
+<img src="https://img.shields.io/badge/Vite-646CFF?style=flat&logo=Vite&logoColor=white"/></a>
+<img src="https://img.shields.io/badge/npm-CB3837?style=flat&logo=npm&logoColor=white"/></a>
+</p>
 
-- `main` 혹은 다른 사람의 브랜치로 절대 병합하지 않도록 주의하세요!
-- Pull Request에서 보이는 설명을 다른 사람들이 이해하기 쉽도록 꼼꼼하게 작성하세요!
-- Pull Request에서 과제 제출 후 절대 병합(Merge)하지 않도록 주의하세요!
-- 과제 수행 및 제출 과정에서 문제가 발생한 경우, 바로 담당 멘토나 강사에서 얘기하세요!
+Deployment
+<p>
+<img src="https://img.shields.io/badge/GitHub Pages-181717?style=flat&logo=GitHub Pages&logoColor=white"/></a>
+</p>
+
+Environment
+<p>
+<img src="https://img.shields.io/badge/Visual Studio Code-007ACC?style=flat&logo=Visual Studio Code&logoColor=white"/></a>
+<img src="https://img.shields.io/badge/Git-F05032?style=flat&logo=Git&logoColor=white"/></a>
+<img src="https://img.shields.io/badge/GitHub-181717?style=flat&logo=GitHub&logoColor=white"/></a>
+</p>
+
+Cowork Tools
+<p>
+<img src="https://img.shields.io/badge/Slack-4A154B?style=flat&logo=Slack&logoColor=white" />
+<img src="https://img.shields.io/badge/Notion-000000?style=flat&logo=Notion&logoColor=white" />
+<img src="https://img.shields.io/badge/Zoom-2D8CFF?style=flat&logo=Zoom&logoColor=white" />
+<img src="https://img.shields.io/badge/discord-5865F2?style=flat&logo=discord&logoColor=white" />
+</p>
+<br>
+
+### 📌 프로젝트 기능 </br>
+
+- 로그인
+- 회원가입
+- 인증 ( 쿠키, 토큰을 이용한 인증 기능)
+- 연차 / 당직 등록, 수정, 삭제 기능
+- 메인 캘린더 ( 모든 회원 승인된 연차 / 당직 별 보이기)
+- 비밀번호 수정
+- 관리자 기능 ( 전체 회원 연차 / 당직 리스트 보기)
+- 관리자 연차 / 당직 승인 기능
+- 직급에 따른 연차 개수 입력기능
+- 검색 기능 ( 이름, 직급 )
+- 주소창 접근 제한
+
+<br>
+
+### 프로젝트 스크린샷 화면 </br>
+
+![회원가입](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723822/dvr4hi4egsgwxqtdkavj.jpg)
+![로그인](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723821/zz9cnbagnaaj5a8io50j.jpg)
+![메인페이지](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723821/gdoxx0sbquvrqxfrbev6.jpg)
+![일정등록](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723822/s1thahfutmdxzt0sz1nd.jpg)
+![로그아웃](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723821/hkzjbbpuzcjxosi91jzj.jpg)
+![마이페이지](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723821/fiayddut3wslbo3w6n3r.jpg)
+![일정수정](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723821/dbbierwliktjp1lqnwox.jpg)
+![어드민페이지](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723822/lna3eefgqqbkuuwb4ssp.jpg)
+![결재인증](https://res.cloudinary.com/dgbv7iwjx/image/upload/v1691723822/smslukfqf4kexruoxlec.jpg)
+<br>
+
+### 🙏 감사합니다 </br>

index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script
+      src="https://kit.fontawesome.com/3611a55dea.js"
+      crossorigin="anonymous"
+    ></script>
+    <title>연차/당직 프로젝트</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>