Update README.md

README.md

@@ -1,41 +1,179 @@
-# 명지대학교 동아리 관리 시스템 - ddingdong
-
-### URL
-https://ddingdong.club/
-
-### 기술 스택 
-
-<p>
-  <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white"> 
-  <img src="https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white"> 
-  <img src="https://img.shields.io/badge/Javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black"> 
-  <img src="https://img.shields.io/badge/Next.js-0769AD?style=for-the-badge&logo=next.js&logoColor=white">
-  <img src="https://img.shields.io/badge/Typescript-F80000?style=for-the-badge&logo=typescript&logoColor=white"> 
-  <img src="https://img.shields.io/badge/Reactquery-4479A1?style=for-the-badge&logo=reactquery&logoColor=white"> 
-  <img src="https://img.shields.io/badge/Tailwind-003545?style=for-the-badge&logo=tailwind&logoColor=white"> 
-  <img src="https://img.shields.io/badge/axios-47A248?style=for-the-badge&logo=axios&logoColor=white">
-  <img src="https://img.shields.io/badge/npm-FFCA28?style=for-the-badge&logo=firebase&logoColor=white">
-
-<br>
-
-  <img src="https://img.shields.io/badge/Java 11-007396?style=for-the-badge&logo=java&logoColor=white"> 
-  <img src="https://img.shields.io/badge/Spring 2.7.12-%236DB33F.svg?style=for-the-badge&logo=spring&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Spring Security-6DB33F?style=for-the-badge&logo=Spring Security&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Spring Data JPA-6DB33F?style=for-the-badge&logo=springdatajpa&logoColor=white"/>
-  <img src="https://img.shields.io/badge/-QueryDSL-blue?style=for-the-badge"/>
-  <img src="https://img.shields.io/badge/Mysql 8.0-%2300f.svg?style=for-the-badge&logo=mysql&logoColor=white"/>
-  <img src="https://img.shields.io/badge/H2-%2300f.svg?style=for-the-badge&logo=h2&logoColor=white"/>
-  <img src="https://img.shields.io/badge/GitHub Actions-2088FF?style=for-the-badge&logo=GitHub Actions&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Amazon BeanStalk-FF9900?style=for-the-badge&logo=Amazon EC2&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Amazon RDS-527FFF?style=for-the-badge&logo=Amazon RDS&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Amazon S3-E15343?style=for-the-badge&logo=Amazon S3&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Amazon CodeDeploy-82A450?style=for-the-badge&logo=Amazon CodeDeploy&logoColor=white"/>
-   <img src="https://img.shields.io/badge/Postman-A48279?style=for-the-badge&logo=postman&logoColor=white"/>
-  <img src="https://img.shields.io/badge/Amazon Route53-A48279?style=for-the-badge&logo=Route53&logoColor=white"/>
-  <br>
-
-  <img src="https://img.shields.io/badge/Figma-339AF0?style=for-the-badge&logo=figma&logoColor=white">
-  <img src="https://img.shields.io/badge/Github-181717?style=for-the-badge&logo=github&logoColor=white">
-  <img src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white">
-  <img src="https://img.shields.io/badge/Notion-F05032?style=for-the-badge&logo=notion&logoColor=white">
-</p>
+<div align="center" >
+
+# 띵동<span style="color:#4170E5">.</span>
+
+**명지대학교 동아리 통합 플랫폼**
+
+"띵동"은 학생들이 파편화된 동아리정보와 비효율적인 동아리 업무 처리과정을 일원화하여 제공하는 서비스 입니다.
+
+![Next.js](https://img.shields.io/badge/Next.js-v13-000000?style=flat-square&logo=Next.js&logoColor=white)
+
+[디스코드](https://discord.gg/ED7cWMss)
+
+</div>
+
+### 띵동 기능 목록
+
+#### 동아리 간편 조회
+
+![동아리 간편 조회](https://github.com/user-attachments/assets/1c7abd5f-c43b-4214-b26e-bdbb6dbff71f)
+
+- 필터기능(모집기준, 정렬 방식, 카테고리)을 통해 사용자가 원하는 동아리를 검색할 수 있습니다.
+- 명지대학교 전체 동아리의 정보를 한 공간에서 조회할 수 있습니다.
+- 검색을 통해 원하는 동아리를 조회할 수 있습니다.
+- 배너를 통해 동아리 주요소식을 확인할 수 있습니다.
+
+#### 동아리 정보 조회
+
+![동아리 정보](https://github.com/user-attachments/assets/06764ca8-5efb-42b6-ba8e-fc86aefc8a10)
+
+- 동아리가 관리하는 정보를 확인할 수 있습니다.
+- 각 동아리의 모집기간에는 간편하게 동아리 지원으로 연결할 수 있습니다.
+- 각 동아리는 동아리 소개 내용을 수정 및 관리할 수 있습니다.
+
+#### 공지사항
+
+![공지사항](https://github.com/user-attachments/assets/56919552-6ff3-4938-a4ad-68651537e871)
+
+- 공지사항을 통해 동아리 정보를 쉽게 확인할 수 있습니다.
+- 공지사항의 첨부 파일을 클릭 시, 다운 받을 수 있습니다.
+
+### 어드민 기능 목록
+
+#### 동아리 관리
+
+![동아리 관리](https://github.com/user-attachments/assets/8acd0117-dbd7-4dfb-91ac-664aaac122ec)
+
+- 총동아리 연합회는 동아리를 생성 및 삭제할 수 있는 권한을 갖습니다.
+- 총동아리 연합회는 각 동아리에게 점수를 부여할 수 있습니다.
+- 각 동아리는 동아리에 부여되는 고유한 아이디와, 비밀번호를 통해 로그인하여 동아리 관리 페이지에 접근할 수 있습니다.
+
+#### 동아리원 명단 관리
+
+![동아리원](https://github.com/user-attachments/assets/ddb49311-fa92-4eb1-b5be-5c5cb1b70c2c)
+
+- excel을 통한 동아리원 일괄 업로드 기능을 제공하고 있습니다.
+- 직접 수정 기능을 통해 동아리 원의 정보를 수정할 수 있습니다.
+- 검색 기능을 통해 특정 학과나 특정 부원을 쉽게 필터링할 수 있습니다.
+
+#### 활동보고서
+
+![활동보고서](https://github.com/user-attachments/assets/5586cf9c-e02d-43f3-9e9f-3a4ecd76a566)
+
+- 총동아리 연합회는 주차별 동아리의 활동 보고서 목록을 조회할 수 있으며, 필터(제출완료, 미제출, 전체)기능을 통해 희망하는 보고서만 확인할 수 있습니다.
+- 각 동아리는 현재 날짜에 해당하는 회차의 활동보고서만을 작성할 수 있으며, 수정 및 삭제 기능을 제공합니다.
+- 부원을 작성하는 경우에는 띵동의 동아리 부원 데이터를 연동하므로 이름 입력만으로, 학번 및 학과 데이터를 불러올 수 있습니다.
+
+#### 시설보수
+
+![픽스존](https://github.com/user-attachments/assets/24a135e5-1eb8-45d5-ae85-1f9915e9f827)
+
+- 각 동아리는 시설보수 기능을 통해 동아리 방의 시설보수 요청건을 n장의 사진, 제목, 설명을 통해 요청할 수 있습니다.
+- 총 동아리 연합회는 시설보수를 통해 처리 여부(처리중/처리완료)를 전달할 수 있습니다.
+- 총 동아리 연합회는 시설보수 요청건에 대해 댓글을 생성할 수 있습니다.
+
+#### 공지사항
+
+![공지사항 작성](https://github.com/user-attachments/assets/f9a2e2d2-9a50-4953-9b8a-1777f62dd26d)
+
+- 총동아리 연합회는 파일과 사진을 등록하여 공지사항을 생성할 수 있습니다.
+- 해당 공지사항은 각 동아리 회장 뿐만 아니라 일반 학우까지 전체 사용자에게 노출됩니다.
+
+#### 배너관리
+
+![배너](https://github.com/user-attachments/assets/5904477a-a5d2-49d0-8e6e-e96c0b373119)
+
+- 총동아리 연합회는 띵동의 배너를 생성, 수정 그리고 삭제 기능을 통해 관리할 수 있습니다.
+- 이미지, 메인 문구, 소개 문구, 색상을 입력하여 통일된 배너 이미지를 연출할 수 있으며, 홍보등에 사용됩니다.
+- 해당 배너는 일반 서비스와 어드민 서비스에 모두 적용됩니다.
+
+#### 동아리 점수 확인
+
+![동아리 점수 확인](https://github.com/user-attachments/assets/f50091d2-6729-4f1f-b40a-a1c68a164f8b)
+
+- 카테고리별 점수를 확인할 수 있습니다.
+- 동아리 점수가 부여된 내역(날짜, 카테고리, 점수)리스트를 조회할 수 있습니다.
+
+### 🎃 조회수 & 사용자 통계
+
+<img width="80%" height="80%" src="https://github.com/user-attachments/assets/d3ba14ab-c3ec-4b2e-9d68-4c97e56600e9">
+
+- 2024.08.09 기준
+
+### 🥇 교내 SW 경진대회 우수상,
+### 💙 명지대학교 공식 동아리 웹사이트 등록
+
+## 🤟 띵동팀 소개
+
+### Front-End
+
+<table>
+<tr>
+<td>
+<a href="https://github.com/keemsebin">
+<img src="https://avatars.githubusercontent.com/u/108217858?v=4" width="100px" />
+</a>
+</td>
+<td>
+<a href="https://github.com/yougyung">
+<img src="https://avatars.githubusercontent.com/u/75975946?v=4" width="100px" />
+</a>
+</td>
+</tr>
+<tr>
+<td><b>김세빈</b></td>
+<td><b>모유경</b></td>
+</tr>
+<tr>
+<td><b>FE Developer</b></td>
+<td><b>FE Developer</b></td>
+</tr>
+</table>
+
+### Back-End
+
+<table>
+<tr>
+<td>
+<a href="https://github.com/KoSeonJe">
+<img src="https://avatars.githubusercontent.com/u/127813439?v=4" width="100px" />
+</a>
+</td>
+<td>
+<a href="https://github.com/5uhwann">
+<img src="https://avatars.githubusercontent.com/u/96857599?v=4" width="100px" />
+</a>
+</td>
+<td>
+<a href="https://github.com/wonjunYou">
+<img src="https://avatars.githubusercontent.com/u/59856002?v=4" width="100px" />
+</a>
+</td>
+</tr>
+<tr>
+<td><b>고선제</b></td>
+<td><b>박수환</b></td>
+<td><b>유원준</b></td>
+</tr>
+<tr>
+<td><b>BE Developer</b></td>
+<td><b>BE Developer</b></td>
+<td><b>BE Developer</b></td>
+</tr>
+</table>
+
+### Designer
+
+<table>
+<tr>
+<td>
+<img src="https://avatars.githubusercontent.com/u/78072370?v=4" width="100px" />
+</td>
+</tr>
+<tr>
+<td><b>봉서연</b></td>
+</tr>
+<tr>
+<td><b>Designer</b></td>
+</tr>
+</table>