Merge pull request #231 from TEAM-BEAT/feat/#230/Readme

[Feat/#230] readme 작성
TEAM-BEAT · Jul 19, 2024 · e36c65d · e36c65d
2 parents d05f3bc + 72a8d89
commit e36c65d
Showing 1 changed file with 79 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,24 @@
 <div align="center">
 
 <h2> BEAT </h2>
-
-<img width="421" alt="Screenshot 2024-07-04 at 5 01 50 PM" src="https://github.com/TEAM-BEAT/BEAT-Client/assets/58854041/89dc6e6b-ab96-4fd0-bcfa-77a3439f9442" alt="서비스대표-이미지" />
-<div>모두를 위한, </br>그래서 대학생을 위한 예매 플랫폼</div>
+<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3999_41443)">
+<rect width="192" height="192" rx="96" fill="#0F0F0F"/>
+<path d="M125.859 96.856L112.182 53.9171L105.474 32L98.9363 54.2286L84.3723 111.844L73.0839 82.05L66.2455 60.3145L57.3845 81.7515L50.1807 96.856H37V108.976H60.3599L66.0889 98.1926L78.8912 137.187L86.6952 159L92.098 136.733L106.362 80.2852L115.497 108.976H155V96.856H125.859Z" fill="url(#paint0_linear_3999_41443)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3999_41443" x1="92.2133" y1="32" x2="89.0426" y2="180.753" gradientUnits="userSpaceOnUse">
+<stop offset="0.257954" stop-color="#FF006B"/>
+<stop offset="1" stop-color="#FF006B" stop-opacity="0.16"/>
+</linearGradient>
+<clipPath id="clip0_3999_41443">
+<rect width="192" height="192" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+<img src="https://github.com/user-attachments/assets/0efee26a-a268-49ea-9ef9-dba61c685695" />
+<img src="https://github.com/user-attachments/assets/54068895-2813-4feb-9bef-8fe5186ae044" />
+<h1>모두를 위한, </br>그래서 대학생을 위한 예매 플랫폼</h1>
 
 </div>
 
@@ -13,28 +28,28 @@
     <tr align="center">
       <td style="min-width: 150px;">
             <a href="https://github.com/pepperdad">
-              <img src="https://avatars.githubusercontent.com/u/58854041?v=4" width="200" alt="깃허브계정-프로필사진">
+              <img src="https://github.com/user-attachments/assets/43a13acd-1ff8-43f5-98ac-6b80515ef020" width="200" alt="깃허브계정-프로필사진">
               <br />
               <b>🐱정도영</b>
             </a>
         </td>
       <td style="min-width: 150px;">
             <a href="https://github.com/imddoy">
-              <img src="https://avatars.githubusercontent.com/u/90364711?v=4" width="200" alt="깃허브계정-프로필사진">
+              <img src="https://github.com/user-attachments/assets/734cc263-5c17-4023-bc6b-734d363ad3f9" width="200" alt="깃허브계정-프로필사진">
               <br />
               <b>🎧김채현</b>
             </a>
         </td>
       <td style="min-width: 150px;">
             <a href="https://github.com/ocahs9">
-              <img src="https://avatars.githubusercontent.com/u/155794105?v=4" width="200" alt="깃허브계정-프로필사진">
+              <img src="https://github.com/user-attachments/assets/a5ba9ed1-2df7-4bc8-93d9-8bf138988f7f" width="200" alt="깃허브계정-프로필사진">
               <br />
               <b>🐶공준혁</b>
             </a>
         </td>
       <td style="min-width: 150px;">
             <a href="https://github.com/sinji2102">
-              <img src="https://avatars.githubusercontent.com/u/66528589?v=4" width="200" alt="깃허브계정-프로필사진">
+              <img src="https://github.com/user-attachments/assets/723ddd04-2d81-4829-8c94-69ab1403171b" width="200" alt="깃허브계정-프로필사진">
               <br />
               <b>🎱윤신지</b>
             </a>
@@ -69,6 +84,18 @@
 - SonarCloud
 ```
 
+<img src="https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=white"/> 
+<img src="https://img.shields.io/badge/Typescript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white"/> 
+<img src="https://img.shields.io/badge/yarn berry-2C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white"/> 
+<img src="https://img.shields.io/badge/styledcomponents-DB7093.svg?style=for-the-badge&logo=styledcomponents&logoColor=white"/>
+<img src="https://img.shields.io/badge/prettier-F7B93E.svg?style=for-the-badge&logo=prettier&logoColor=white"/>
+<img src="https://img.shields.io/badge/eslint-4B32C3.svg?style=for-the-badge&logo=eslint&logoColor=white"/>
+<img src="https://img.shields.io/badge/stylelint-263238.svg?style=for-the-badge&logo=stylelint&logoColor=white"/>
+<img src="https://img.shields.io/badge/jotai-000000.svg?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4&logoColor=white"/>
+<img src="https://img.shields.io/badge/reactquery-FF4154.svg?style=for-the-badge&logo=reactquery&logoColor=white"/>
+<img src="https://img.shields.io/badge/storybook-FF4785.svg?style=for-the-badge&logo=storybook&logoColor=white"/>
+<img src="https://img.shields.io/badge/sonarcloud-F3702A.svg?style=for-the-badge&logo=sonarcloud&logoColor=white"/>
+
 <br/>
 
 <h2> 📄 컨벤션 및 브랜치 전략 </h2>
@@ -142,7 +169,51 @@ rename : 파일 혹은 폴더명 변경
 |-- yarn.lock
 ```
 
-<h3>비트 아이엠 그라운드 룰</h3>
+<h2>📷 스크린샷</h2>
+<table align="center">
+        <tr align="center">
+            <th>뷰</th>
+            <th>1</th>
+            <th>2</th>
+            <th>3</th>
+            <th>4</th>
+        </tr>
+        <tr>
+            <td>예매하기</td>
+            <td><img width="277" alt="image" src="https://github.com/user-attachments/assets/38492824-314b-4734-8d84-17319c19e6db"></td>
+            <td><img width="277" alt="image" src="https://github.com/user-attachments/assets/eae8e73d-da98-4581-8c96-6cc70319251b"></td>
+            <td><img width="281" alt="image" src="https://github.com/user-attachments/assets/ae4fdc84-5141-43c4-91ab-2835005f5676">
+</td>
+            <td><img width="308" alt="image" src="https://github.com/user-attachments/assets/8128410e-f227-4944-a165-ed3c1e11883c"></td>
+        </tr>
+        <tr>
+            <td>등록하기</td>
+            <td><img width="278" alt="image" src="https://github.com/user-attachments/assets/174c165e-a9a8-492e-b3d0-2267f6268dd4"></td>
+            <td><img width="283" alt="image" src="https://github.com/user-attachments/assets/3e2383da-ae73-4b43-bf66-de1a36554dac"></td>
+            <td><img width="281" alt="image" src="https://github.com/user-attachments/assets/77edf936-0bc8-4af5-9658-eba3ae5241de"></td>
+            <td><img width="239" alt="image" src="https://github.com/user-attachments/assets/1f15a6cd-331b-4c4c-9a0e-9eb7d5e0c921"></td>
+        </tr>
+        <tr>
+            <td>관리하기</td>
+            <td><img src="path/to/image9.png" alt="Manage 1"></td>
+            <td><img src="path/to/image10.png" alt="Manage 2"></td>
+            <td><img src="path/to/image11.png" alt="Manage 3"></td>
+            <td><img src="path/to/image12.png" alt="Manage 4"></td>
+        </tr>
+        <tr>
+            <td>메인/조회하기</td>
+            <td><img width="280" alt="image" src="https://github.com/user-attachments/assets/22a9e216-9fdb-4a17-832b-eac7822b9833"></td>
+            <td><img width="275" alt="image" src="https://github.com/user-attachments/assets/7b62ad05-fa93-4f34-8675-ff10e4315b27"></td>
+            <td><img width="284" alt="image" src="https://github.com/user-attachments/assets/60ecea4a-0377-47a8-ae17-29eae1e38b45"></td>
+            <td><img width="276" alt="image" src="https://github.com/user-attachments/assets/facf500a-1f88-4d8a-b5b4-b4a67babc757"></td>
+        </tr>
+    </table>
+
+<h3>✒️ 비트 팀 블로그</h3>
+
+[티팔놈들의 블로그 보러가기](https://team-beat.tistory.com/)
+
+<h3>🎸 비트 아이엠 그라운드 룰</h3>
 
 ✅ 우울하지 말고 우웅하기 <br/>
 ✅ 서로 칭찬하고 굿 ~~ 해주기 <br/>