docs: 프로젝트 주요 기능 추가

README.md

@@ -1,14 +1,41 @@
-<div align="center">
 
-## CAUSW Front-End
+## 📘 프로젝트 소개
 
-중앙대학교 소프트웨어학부 동문만 사용할 수 있는 커뮤니티 서비스로, <br/> 단순 소셜 네트워크 기능 뿐만 아니라 사물함 신청, 동아리 신청 및 학생회 사업/행사 신청 등  <br/> 전반적으로 소프트 학생 사회를 하나로 묶어주며, 학생들의 편의를 증진 시켜주는 서비스입니다.
+중앙대학교 소프트웨어학부 동문만 사용할 수 있는 커뮤니티 서비스로, 단순 소셜 네트워크 기능 뿐만 아니라 사물함 신청, 동아리 신청 및 학생회 사업/행사 신청 등 전반적으로 소프트 학생 사회를 하나로 묶어주며, 학생들의 편의를 증진 시켜주는 서비스입니다.
 
-## Would You Join Us?
-### [ 👉 CAUSW Page 👈 ](https://causw.co.kr/)
+## 📘 주요 기능
 
-## Dev Stack
+### ⭐️ 커뮤니티
+- 로그인 후 초기 화면은 4개의 탭으로 이뤄져 있으며, 홈/동아리/게시판 목록/마이페이지를 확인할 수 있습니다. <br />
+- 동아리탭에서 원하는 동아리에 지원할 수 있으며, 가입 승인 시 동아리 게시판에 게시글을 작성할 수 있습니다. <br />
+- 마이 페이지에서는 개인 정보 변경과 내가 쓴 글, 댓글을 모아볼 수 있습니다.
+
+<img width="200" alt="홈" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/9eaa34d3-4301-4323-b021-2e92d78e9c21">
+<img width="200" alt="동아리" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/47a9fb21-3714-446a-9773-a7da8623551d">
+<img width="200" alt="게시판 목록" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/e60b709b-64af-47ea-8847-78cb5b56f60b">
+<img width="200" alt="마이 페이지" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/ba02b1e5-1b54-4dad-876c-ca4aaf078b96">
+
+
+### ⭐️ 사물함 신청
+- 사물함 신청 기간에 애플리케이션을 통해 자신의 사물함을 신청할 수 있습니다.
+- 구글폼 특성상 신청했을 때 바로 결과를 알 수 없고, 해당 층에서 랜덤 배정이 이뤄지게 됩니다.
+- 해당 서비스를 이용하면 원하는 사물함을 지정할 수 있고, 선택 가능한 사물함을 직관적으로 확인할 수 있습니다.
+
+<img width="300" alt="사물함 목록" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/916338ed-979a-40f9-ba0a-cc1b217fb405">
+<img width="300" alt="사물함 신청 현황" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/2bb4267c-0933-4f52-a464-17a180b4ec8d">
+
+
+### ⭐️ 게시글
+
+- 소프트웨어학부 재학생들에게 필요한 공지사항이나 게시글들을 빠르게 확인할 수 있습니다.
+- 복학했을 때 학부에 대한 정보를 다시 찾기 어렵다는 점을 해결할 수 있습니다.
+- 원하는 게시글을 검색할 수 있고, 권한이 있는 게시판에 게시글을 작성할 수 있습니다.
+
+<img width="300" alt="게시판" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/1bb17142-cf0e-4933-94e5-8df63dae5470">
+<img width="300" alt="게시글_작성" src="https://github.com/CAUCSE/CAUSW_frontend/assets/63959171/28e8a2b2-1494-428c-9d56-f1a9c78d1cd8">
+
+## 🛠️ 기술 스택
+
+ <img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=white"> <img src="https://img.shields.io/badge/typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=white"> <img src="https://img.shields.io/badge/mobx-FF9955?style=for-the-badge&logo=mobx&logoColor=white"> <img src="https://img.shields.io/badge/playwright-2EAD33?style=for-the-badge&logo=playwright&logoColor=white"> <img src="https://img.shields.io/badge/react router-CA4245?style=for-the-badge&logo=reactrouter&logoColor=white"> <img src="https://img.shields.io/badge/react hook form-EC5990?style=for-the-badge&logo=reacthookform&logoColor=white"> <img src="https://img.shields.io/badge/axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white">
 
- <img src="https://img.shields.io/badge/typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=white"> <img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=white"> <br/> <img src="https://img.shields.io/badge/axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white"> <img src="https://img.shields.io/badge/react router-CA4245?style=for-the-badge&logo=reactrouter&logoColor=white"> <img src="https://img.shields.io/badge/react hook form-EC5990?style=for-the-badge&logo=reacthookform&logoColor=white"> <br/> <img src="https://img.shields.io/badge/mobx-FF9955?style=for-the-badge&logo=mobx&logoColor=white"> <img src="https://img.shields.io/badge/playwright-2EAD33?style=for-the-badge&logo=playwright&logoColor=white">
 
-<div>