docs: 리드미 작성

README.md

@@ -1 +1,67 @@
-# backend
+<div style="display: flex; align-items: flex-start;">
+  <div style="margin-top: 35px;">
+    <img src="./src/main/resources/secret/img/로고.png" width="100" height="100">
+  </div>
+  <div style="margin-left: 20px;">
+    <h1>Coffee-Meet</h1>
+    <h4>회사 내 랜덤 커피챗 매칭 서비스</h4>
+  </div>
+</div>  
+<br><br>  
+
+## ☕️ Coffee-Meet  
+
+![기능1.png](src%2Fmain%2Fresources%2Fsecret%2Fimg%2F%EA%B8%B0%EB%8A%A51.png)  
+<br><br>  
+
+## 👨‍👩‍👧‍👦 Developers
+
+|                                          Backend                                          |                                          Backend                                           |                                          Backend                                           |
+|:-----------------------------------------------------------------------------------------:|:------------------------------------------------------------------------------------------:|:------------------------------------------------------------------------------------------:|
+| <img src="https://avatars.githubusercontent.com/u/75025163?v=4" width="130" height="130"> | <img src ="https://avatars.githubusercontent.com/u/70051888?v=4" width="130" height="130"> | <img src ="https://avatars.githubusercontent.com/u/66556716?v=4" width="130" height="130"> |  
+|                           [유명한](https://github.com/yumyeonghan)                           |                          [박상민](https://github.com/smart-sangmin)                           |                              [박은지](https://github.com/1o18z)                               |  
+
+<br><br>
+
+## 🏰 System Architecture
+
+![Web App Reference Architecture (5).png](..%2F..%2F..%2FDownloads%2FWeb%20App%20Reference%20Architecture%20%285%29.png)
+
+<br><br>
+
+## 💻 Tech Stack
+
+- Backend  
+  <img src="https://img.shields.io/badge/Java 17-007396?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Spring Boot 3-6DB33F?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Gradle-02303A?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Json Web Token-000000?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Junit5-25A162?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/MySQL-4479A1?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Redis-DC382D?style=flat&logoColor=white"><br>
+  <img src="https://img.shields.io/badge/EC2-FF9900?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/S3-569A31?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Docker-2496ED?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Nginx-009639?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Firebase-FFCA28?style=flat&logoColor=white">  
+  <br>  
+- Frontend  
+  <img src="https://img.shields.io/badge/Typescript-3178C6?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/React-61DAFB?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/React Router-CA4245?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/React Hook Form-EC5990?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Axios-5A29E4?style=flat&logoColor=white">  
+  <br>
+- Etc  
+  <img src="https://img.shields.io/badge/Slack-4A154B?style=flat&logoColor=white">
+  <img src="https://img.shields.io/badge/Notion-000000?style=flat&logoColor=white">
+
+<br><br>
+
+## 📲 User Flow  
+
+![최최최최최종.png](src%2Fmain%2Fresources%2Fsecret%2Fimg%2F%EC%B5%9C%EC%B5%9C%EC%B5%9C%EC%B5%9C%EC%B5%9C%EC%A2%85.png)  
+<br>  
+
+## 🎶 Backend CI/CD Flow
+![백엔드최최최종.png](src%2Fmain%2Fresources%2Fsecret%2Fimg%2F%EB%B0%B1%EC%97%94%EB%93%9C%EC%B5%9C%EC%B5%9C%EC%B5%9C%EC%A2%85.png)