docs: readme 작성

README.md

@@ -1 +1,66 @@
-
+# 🌏 M-LOG ; Map에 Log를 기록하다 🌎
+
+<br />
+
+## 🎖️ SSAFY 11기 관통 프로젝트 `우수상` 수상 🎖️
+
+<br />
+
+## 🎤 소개
+- 지도에 마커를 통해 여행을 기록하는 서비스
+
+## 🗓️ 기간
+2024.04 ~ 2024.05
+
+## 🧑‍💻 팀원
+<div>
+<table border=""4 width="100%">
+     <td align="center"><a href="http://github.com/hellomatia"><img src="https://github.com/hellomatia.png" width="180px;" style="vertical-align:top" alt=""/>
+
+   <td align="center"><a href="https://github.com/hyeonhakyi"><img src="https://github.com/hyeonhakyi.png" width="180px;" style="vertical-align:top" alt=""/>
+  </tr>
+    <tr>
+     <td align="center"><a href="http://github.com/hellomaita">이지표</td>
+	 <td align="center"><a href="https://github.com/hyeonhakyi">이학현</td>
+</table>
+</div>
+
+## 🚀 핵심 기능
+- CI/CD 체계 구축
+- 각종 검색 기능 구현
+- 사용자 이메일을 통해 비밀번호 제 설정 기능 구현
+- Spring rest docs로 자동 api 문서 생성 기능 구현
+
+<br />
+
+## 🛠️ 아키택처 🛠️
+### 전체 아키택처
+<img src="docs/images/M-LOG-아키텍처-전체-아키텍처.drawio.png" width="800">
+
+### 프런트 아키택처
+<img src="docs/images/M-LOG-아키텍처-프런트엔드.drawio.png" width="800">
+
+### 백엔드 아키택처
+<img src="docs/images/M-LOG-아키텍처-백엔드.drawio.png" width="800">
+
+<br />
+
+## 🚩 구현 화면
+
+### 로그인/로그아웃
+<img src="docs/images/m-log-login-out.gif" width="800">
+
+### 비밀번호 재설정
+<img src="docs/images/m-log-reset-pwd.gif" width="800">
+
+### 위치 검색
+<img src="docs/images/m-log-mapbox-search.gif" width="800">
+
+### 관광지 검색
+<img src="docs/images/m-log-tour.gif" width="800">
+
+### 내 여행 기록 리스트
+<img src="docs/images/m-log-my-list.gif" width="800">
+
+### 내 여행 기록 추가
+<img src="docs/images/m-log-my-add.gif" width="800">