Merge pull request #71 from urdego/feature/#70-readme-first-mvp

Feat/#70: 1차 MVP README 작성 완료

README.md

@@ -1,36 +1,75 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# 🗺️ 어데고?! - 위치 추적 게임 서비스
 
-## Getting Started
+<div align=center>
 
-First, run the development server:
+  <img src="https://github.com/user-attachments/assets/38306637-e5db-4335-93a5-82469e8d236e" width="300"><br/>
+  <br/><strong> 소중한 사람들과 떠나는 추억 여행 🧳</strong><Br/>
+  <strong>'어데고?!’</strong>는 사용자가 추천하거나 소중한 추억이 담긴 장소를 공유하고, 가족, 친구들과 함께 그 장소를 찾는 재미를 제공하는 서비스입니다. <br>지인들과 의미 있는 장소를 소재로 이야기를 나누며 추억을 공유하고 새로운 경험을 쌓을 수 있는  특별한 즐거움을 경험할 수 있습니다. <br> 이 서비스를 통해 바쁜 일상 속에서도 함께했던 소소한 순간들을 떠올리며 소중한 사람들과 따뜻한 추억을 새롭게 만들어 가세요!<br><br>
+  <a href="https://urdego.vercel.app/">어데고?! 서비스 바로가기</a><Br/><Br/>
+</div>
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+## ✨ 멤버 소개
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+<div align="center">
+
+| <img src="https://github.com/bluedog129.png" width="150" > | <img src="https://github.com/aaahyesu.png" width="150" > | <img src="https://github.com/minjeongss.png" width="150" > |
+| :--------------------------------------------: | :------------------------------------------: | :--------------------------------------------: |
+|    [최효종](https://github.com/bluedog129)     |     [김혜수](https://github.com/kod0751)     |    [김민정](https://github.com/minjeongss)     |
+|     PM, User-Service, Notification-Service     |              팀장, Game-Service              |         Content-Service, User-Service          |
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+</div>
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+## 📅 프로젝트 진행 과정
 
-## Learn More
+- **기획기간** : 2024.10.21 ~ 2024.11.18
+- **개발기간** : 2024.11.19 ~ 2024.12.09
 
-To learn more about Next.js, take a look at the following resources:
+## 🛠 기술 스택
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+### 💬 사용 언어
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)
 
-## Deploy on Vercel
+### 📚 라이브러리 및 프레임워크
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=white)
+![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white)
+![Styled-Components](https://img.shields.io/badge/Styled_Components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
+
+### 📡 외부 API 및 통신 기술
+
+![WebSocket](https://img.shields.io/badge/WebSocket-000000?style=for-the-badge&logo=websocket&logoColor=white)
+![STOMP](https://img.shields.io/badge/STOMP-009688?style=for-the-badge&logo=stomp&logoColor=white)
+![Google Maps](https://img.shields.io/badge/Google_Maps-4285F4?style=for-the-badge&logo=google-maps&logoColor=white)
+![Google Cloud Vision](https://img.shields.io/badge/Google_Cloud_Vision-4285F4?style=for-the-badge&logo=google-cloud&logoColor=white)
+
+### 🔗 Dependency
+
+![Storybook](https://img.shields.io/badge/Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)
+![React Zustand](https://img.shields.io/badge/Zustand-000000?style=for-the-badge&logo=react&logoColor=white)
+![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white)
+
+### Architecture
+
+<img src="https://github.com/user-attachments/assets/72a93272-8abe-44d0-b9e4-14d609321154" width="800">
+
+## 🎯 기능 소개
+
+| 컨텐츠 업로드 | 컨텐츠 조회 |
+| :-----------: | :---------: |
+| ![ppt](https://github.com/user-attachments/assets/1c21460c-fef2-4355-9166-f23026880a69)| ![image](https://github.com/user-attachments/assets/92f6db29-93bd-4878-a731-87998c47bb67) |
+
+
+| 친구 초대 | 대기방 |
+| :-------: | :----: |
+| ![image](https://github.com/user-attachments/assets/e3747f88-687f-4275-b8e5-384f49beebc7) | ![image](https://github.com/user-attachments/assets/caacfdec-9429-4686-b6d3-fb9f24a8c7b0) |
+
+| 게임 시작 | 문제 출제 |
+| :-------: | :-------: |
+| ![image](https://github.com/user-attachments/assets/0ef508c5-fdfb-4c1f-b2da-ccf3b1f345c0) | ![image](https://github.com/user-attachments/assets/448292d3-4124-4002-822a-12ceb08ec2fc) |
+
+
+| 답안 제출 | 결과 반환 |
+| :-------: | :-------: |
+| ![a7364026b0640d79](https://github.com/user-attachments/assets/345804da-a8bd-44e6-9cf8-9f8cfa71265f) | ![7209d730e9e4e594](https://github.com/user-attachments/assets/3b51a2de-272e-4561-b12f-07fc6bdeba0b) |
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.