Update Readme.md

역할 수정 및 gif 추가
gooormmoon · Jul 9, 2024 · a723329 · a723329
1 parent e109c04
commit a723329
Showing 1 changed file with 21 additions and 12 deletions.
diff --git a/Readme.md b/Readme.md
@@ -4,18 +4,17 @@
 - **`Project` :** Algorithm Fighter
 - **`Project duration` :** 2023.03.13 - 2023.04.28
 - **`Team members` :** 예진희(팀장), 황희태, 구본헌, 서진주, 이주원, 김하은, 양윤수, 임명철, 홍석호
-- **`Link` :** [🌐 Algorithm Fighter](/)<br/> [**서비스유저 계정:** Email:kajer102@gmail.com , PW:jsw1022! ]<br/>[**관리자 계정:** Email:admintest@codestates.com , PW: admintest ]
-- **`Functional Requirement`:** [사용자 요구사항 정의서](https://docs.google.com/spreadsheets/d/1bSM0evXpkQAwD7WvOuqQE-BzTLvrOhWVQt3aHylrouw/edit?usp=sharing)
-- **`API Specification`:** [API 명세서](http://ec2-3-39-25-160.ap-northeast-2.compute.amazonaws.com/api-docs#/)
-- **`PPT`:** [테스트 문서](https://docs.google.com/spreadsheets/d/1rZT5lOQLu2oPr4nKBx4snEjAPL9KV7t8KOynDC5e4CE/edit#gid=0)
+- **`Functional Requirement`:** [요구사항 명세서](https://www.notion.so/d4ec7f6e28984b46a3ff43d9c95bf5fd?pvs=4)
+- **`API Specification`:** [API 명세서](https://www.notion.so/API-208b11ce8fba4483b8d1fa8bc940d347?pvs=4)
+- **`PPT`:** [PPT](https://www.notion.so/fa3c15efc040423cb40a9d0779ba17c6?pvs=4#abf875d7f09940ca8e5cbdf9ea242760)
   <br/>
 
 ## 🍿 Frontend
 
 |                        예진희<br>(Leader)                        |                        황희태<br>(FE Leader)                        |                        구본헌<br>(FE)                        |                        서진주<br>(FE)                                      |
 | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | 
 | <img src="https://github.com/gooormmoon/.github/assets/72500673/38d44f6d-f244-4eb4-b95e-110915bbce1d" height="100" width="100"> | <img src="https://github.com/gooormmoon/.github/assets/72500673/2e3734f3-18e2-426d-abe4-c2a92f0edb1a" height="100" width="100"> | <img src="https://github.com/gooormmoon/.github/assets/72500673/c8f16646-64fa-4ff3-831d-102778e42e87" height="100" width="100"> | <img src="https://github.com/gooormmoon/.github/assets/72500673/867bfa53-5623-4455-bb29-7ec9ab0e5d81" height="100" width="100">|
-| <p align="left">Pages<br/>- 마이페이지 고객센터<br/><br/>Features<br/>- Accordion <br/>- 문의내역<br/>- 문의하기<br/></p> | <p align="left">Pages<br/>- 영화상세 페이지<br/>- 서비스LNB<br/>- 어드민LNB<br/>- 검색창<br/>- 테이블 메뉴 구성<br/></br>Features<br/>- 페이지네이션<br/>- 테이블 메뉴별 정렬<br/> | <p align="left">Pages<br/>- 메인페이지<br/>- 마이페이지(프로필)<br/>- 영화 상세 페이지<br/>- 리뷰 목록 페이지<br/><br/>Features<br/>- 프로필 설정<br/>- 퍼블릭 설정<br/>- 리뷰,별점 CRUD<br/>- 댓글 CRUD<br/>- api 연동<br/>- 라우터 설계<br/> </p> | <p align="left">Pages<br/>- 메인페이지<br/>- 로그인,로그아웃 페이지<br/>- 검색페이지<br/>- 마이페이지 <br/>(좋아요,리뷰,댓글)<br/><br/>Features<br/>- Jwt 인증 Login<br/>- 무한스크롤<br />- 영화 검색 기능<br/>- 장르별 검색,정렬<br/>- 장르 태그<br/></p> | <p align="left">Pages<br/>- 로그인/회원가입 페이지<br/>- 게임 로비 페이지(Main) <br/>- <br/>-게임 준비방 페이지(Wait) <br/>- 전적 조회 페이지(Mypage) <br/>Features<br/>- 메인 레이아웃<br/>- 게임 페이지 레이아웃(창 크기조절) <br />- 좋아요버튼<br/>- 공유버튼<br/></p> |
+| <p align="left">**Features**<br/>- UI/UX 디자인 <br/>- 레이아웃 구성<br/>- 랜딩페이지<br/></p> | <p align="left">**Features**<br/>- 프로필 설정<br/>- 게임 기능<br/>- 코드 에디터<br/> | <p align="left">**Features**<br/>- 채팅 기능<br/>- 모달 <br/>- 공통 컴포넌트 개발 </p> | <p align="left">**Features**<br/>- 로그인/회원가입<br/>- 게임 기능<br />- API<br/></p> | <p align="left">Pages<br/>- 로그인/회원가입 페이지<br/>- 게임 로비 페이지(Main) <br/>- <br/>-게임 준비방 페이지(Wait) <br/>- 전적 조회 페이지(Mypage) <br/>Features<br/>- 메인 레이아웃<br/>- 게임 페이지 레이아웃(창 크기조절) <br />- 좋아요버튼<br/>- 공유버튼<br/></p> |
 <br/>
 <br/>
 
@@ -31,12 +30,22 @@
 <br/>
 
 ## 🌟 Pages
-|||
-| :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
+|                                                                                                                                                            |                                                                                                                                                          |
+| :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------: |
 |                                                                      **Login Page**                                                                       |                                                                    **Register Page**                                                              |
-|  <img alt='login-page' width="100%" src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/7251bf31-95a4-4d2a-8084-f2feafe9e432"/>    | <img alt='register-page' width="50%" src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/e29e8bd0-dfad-470d-b107-a5a5d068d5c3"/> |  
+|  <img alt='login-page' height="300" width="500"  src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/7251bf31-95a4-4d2a-8084-f2feafe9e432"/>    | <img alt='register-page' height="300" width="500" src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/e29e8bd0-dfad-470d-b107-a5a5d068d5c3"/> |  
 |                                                                   **User Page**                                                                         |                                                                    **F&Q Manage Page**                                                            |
-|  <img alt='user-page' width="100%" src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/7a6954e2-550b-4955-a8bf-a2c462972713"/>   |  <img alt='dmin- faq-page' width="50%" src="https://user-images.githubusercontent.com/100519505/233776721-e571999a-3473-4b23-8a25-5d30241570ea.gif" /> |
+|  <img alt='user-page' height="300" width="500" src="https://github.com/gooormmoon/algorithm-fighter-front/assets/72500673/7a6954e2-550b-4955-a8bf-a2c462972713"/>   |  <img alt='dmin- faq-page' height="300" width="500" src="https://user-images.githubusercontent.com/100519505/233776721-e571999a-3473-4b23-8a25-5d30241570ea.gif" /> |
+|                                                                   **Main Page**                                                                         |                                                                    **Wait Page**                                                            |
+|  <img alt='main-page' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/296941d2-6c43-4098-ab43-b4912a07bbb5/mainpage.gif?id=5cd1969f-5076-42e5-ac9d-ebeb46c42662&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=mNawteURVs64v6PpncNkr7-_aJDhNnA8q6hPWj6v2LI"/>   |  <img alt='wait-page' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/d4847324-69d9-4da2-9442-c38b1f209f39/waitpage.gif?id=8bbdff12-29da-4414-8696-38905e9f5888&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=D2WftR0C1R1vqfinsAefeDZsdTgkCkyfY9yoKuRWsiU" /> |
+|                                                                   **Game Page**                                                                         |                                                                    **Launuage Select**                                                            |
+|  <img alt='game-page' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/49b13e4c-9ff4-4c62-aaa7-6dc9f35388bd/gamepage.gif?id=587dbf42-5724-478b-9ca1-f0f8518750cb&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=ojFKqw9YIYC5Jv7OBBi379crRk9yVWG2umgVTcUH6Us"/>   |  <img alt='lauguageSelect' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/64f229c7-f04a-49a2-9364-cb23945264ec/gamelanguage.gif?id=c59dd8c9-0d83-402e-a4ea-e52ebd8c40a1&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=rMjK7b2Eij2aB76-9mO3HbwwyuGhA_n9rkvbi62KCjc" /> |
+|                                                                   **Test Case, Run**                                                                         |                                                                    **My Page**                                                            |
+|  <img alt='tc_run' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/456294c4-9d99-414a-a9dd-8465017a3cfe/gametc_run.gif?id=ee4c7e3b-12d5-470a-8ee2-9342ac4bb5a2&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=5F_3YWGz_vqerEmfwCVSNwVv1Dsql-57nF9nmD1e_eY"/>   |  <img alt='mypage' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/ef3c3e20-f14c-46fc-ad5e-5bac67db0a2d/mypage.gif?id=3b3cce8f-a434-4bf0-acf6-af0b6d9ecfc2&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=vqINu8Ft5q3497gK4rTqebXQXJFXVCChZV42ESlDb6Y" /> |
+|                                                                   **Global Chat**                                                                         |                                                                    **Game Chat**                                                            |
+|  <img alt='global_chat' height="300" width="500"  src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/1df71104-a956-4d70-bbf9-07fafd05732d/globalchat.gif?id=138b65d8-23c5-4336-bfe1-114a69e2ac6c&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=M3aoGiDrCYTWCb8ccWkhXhU9fNIPQlbBUNGxZWIxai8"/>   |  <img alt='game_chat' height="300" width="500" src="https://file.notion.so/f/f/40edec72-d5af-48b7-a3f7-6d7035646693/435b4ad0-86c6-418c-b4e1-1c0e9243a071/gamechat.gif?id=0909e9b2-1390-492d-93da-cb61b22fc6a7&table=block&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&expirationTimestamp=1720612800000&signature=K6O1gj5pLCT_8gNDW5vd99P0TDVm3E0FYKpeldq16-s" /> |
+
+
 
 ## <span style=""> ⚙️ **Tools** </span>
 
@@ -49,7 +58,7 @@
 <br/>
 
 ### 🖥 **Frontend** </span>
-||
+
 |                                                                               React                                                                                |                                                                             Typescript                                                                             |                                                                                                                    Tailwind                                                                                                                    |                                                                           SCSS(SASS)                                                                            |                                                                              Zustand                                                                              |                                                                                                       Axios                                                                                                       |                                                                                                Monaco                                                                                                 |
 | :----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
 | <div style="display: flex; align-items: flex-start;"><img alt="React" src ="https://techstack-generator.vercel.app/react-icon.svg" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/ts-icon.svg" alt="Typecript" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Tailwind_CSS_Logo.svg/512px-Tailwind_CSS_Logo.svg.png?20230715030042" alt="Tailwind" width="65" height="65"  /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/sass-icon.svg" alt="SASS" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://img.stackshare.io/service/11559/zustand.png" alt="Zustand" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://user-images.githubusercontent.com/45915619/233941806-5d6d2a03-3b82-4267-8966-2eb8b32c9ba0.png" alt="axios" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://raw.githubusercontent.com/serdarciplak/BlazorMonaco/master/BlazorMonaco/icon.png" alt="Monaco" width="65" height="65" /></div> |
@@ -60,7 +69,7 @@
 
 |                             Spring                             |                             Java                              |                          MySQL                          |                            Docker                             |                    Stomp                    |
 | :--------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------: |
-| <div style="display: flex; align-items: flex-start;"><img alt="Spring" src ="" width="70" height="70" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/java-icon.svg" alt="Java" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/mysql-icon.svg" alt="MySQL" width="65" height="65"  /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/docker-icon.svg" alt="Docker" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://blog.kakaocdn.net/dn/wIB3Y/btq17ahoChs/Y1fTiWjXxsLyYdENyGeWGK/img.png" alt="Stomp" width="60" height="40" /></div>|
+| <div style="display: flex; align-items: flex-start;"><img alt="Spring" src ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQV_gfWuam4XTPX1JX7unZTzl7jKFWUwkrhXA&s" width="65" height="30" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/java-icon.svg" alt="Java" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/mysql-icon.svg" alt="MySQL" width="65" height="65"  /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://techstack-generator.vercel.app/docker-icon.svg" alt="Docker" width="65" height="65" /></div> | <div style="display: flex; align-items: flex-start;"><img src="https://blog.kakaocdn.net/dn/wIB3Y/btq17ahoChs/Y1fTiWjXxsLyYdENyGeWGK/img.png" alt="Stomp" width="60" height="40" /></div>|
 
 ### 🖥 **Deployment** </span>
 
@@ -101,7 +110,7 @@
 
 ## 🔖 DB Diagram
 
-<br/>![ERD](https://cdn.discordapp.com/attachments/1245315426116702253/1254678315046801448/2024-06-24_3.02.57.png?ex=667d00bd&is=667baf3d&hm=08b6dfbcb873aa41a99178625a196ee870c720c9a6dd061805376bef7259415c&)
+<br/>![ERD](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F40edec72-d5af-48b7-a3f7-6d7035646693%2Fb6597074-9104-4e96-a258-989ee212400f%2F%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA_2024-06-11_%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE_3.57.30.png?table=block&id=72c3513a-44aa-45c2-a275-06e1f59d5216&spaceId=40edec72-d5af-48b7-a3f7-6d7035646693&width=2000&userId=7730a27a-b2d4-4e83-8d56-5178e1828707&cache=v2)
 
 <br/>
 <br/>