Merge branch 'main' of https://github.com/Linkup-3mw/frontend

README.md

@@ -1,36 +1,163 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# ![최종 로고](https://github.com/Linkup-3mw/frontend/assets/51106050/553f9bfb-2bfc-4e19-a167-e7930af6826a)
 
-## Getting Started
+- 📅 기간: 2024.04.29 ~ 2024.6.13
+- 🏢 주제: 공유 오피스 커뮤니티 / 예약 서비스
 
-First, run the development server:
+## 🌐 배포 주소
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+- 🔗 배포 주소 : https://linkup-3mw.vercel.app/
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+## 👥 참여 인원 및 담당 기능
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+<table>
+  <thead>
+    <tr>
+      <th align="center"> 팀장 | 장문용 </th>
+      <th align="center"> 팀원 | 김지혜 </th>
+      <th align="center"> 팀원 | 채서영 </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td align="center">
+        <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/moonyah">
+          <img src="https://avatars.githubusercontent.com/u/51106050?v=4" width="100" style="max-width: 100%;">
+        </a>
+      </td>
+      <td align="center">
+        <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/k-wisdom">
+          <img src="https://avatars.githubusercontent.com/u/122950644?v=4" width="100" style="max-width: 100%;">
+        </a>
+      </td>
+      <td align="center">
+        <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/luvmac">
+          <img src="https://avatars.githubusercontent.com/u/106741161?v=4" width="100" style="max-width: 100%;">
+        </a>
+      </td>
+    </tr>
+    <tr>
+      <td align="center">
+        <a href="https://github.com/moonyah">@moonyah</a>
+      </td>
+      <td align="center">
+         <a href="https://github.com/k-wisdom">@k-wisdom</a>
+      </td>
+      <td align="center">
+        <a href="https://github.com/luvmac">@luvmac</a>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <ul>
+          <li>초기 개발 세팅, CI/CD</li>
+          <li>소모임 메뉴</li>
+          <li>소모임 개설/관리</li>
+          <li>헤더</li>
+        </ul>
+      </td>
+      <td>
+        <ul>
+        <li>로그인/회원가입</li>
+          <li>메인 페이지</li>
+          <li>소모임 상세</li>
+        </ul>
+      </td>
+      <td>
+        <ul>
+          <li>탐색 페이지</li>
+          <li>지도/지점 찾기</li>
+          <li>오피스 예약</li>
+        </ul>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+백엔드는 [이곳](https://github.com/Linkup-3mw/backend)을 클릭해주세요 !
 
-## Learn More
+## 🔍️ 기술 스택
 
-To learn more about Next.js, take a look at the following resources:
+### Environment
 
-- [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.
+<div>
+<img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white" />
+<img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=white" />
+<img src="https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white" />
+ <img src="https://img.shields.io/badge/Prettier-F7B93E?logo=prettier&logoColor=black&style=for-the-badge"/
+</div>
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+### Development
 
-## Deploy on Vercel
+<div style="display: flex;">
+  <img src="https://img.shields.io/badge/react-%2320232a?style=for-the-badge&logo=react&logoColor=%2361DAFB" />
+    <img src="https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=Next.js&logoColor=white" />
+  <img src="https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white" />
+  <img src="https://img.shields.io/badge/Tailwind CSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white"/>
+  <img src="https://img.shields.io/badge/recoil-007AF4?style=for-the-badge&logo=recoil&logoColor=black"/>
+  <img src="https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white">
+<img src="https://img.shields.io/badge/react query-FF4154?style=for-the-badge&logo=reactquery&logoColor=black" />
+</div>
 
-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.
+### Communication
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+<div>
+ <img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white" />
+ <img src="https://img.shields.io/badge/Slack-4A154B?style=for-the-badge&logo=Slack&logoColor=white" />
+ <img src="https://img.shields.io/badge/notion-9266CC?style=for-the-badge&logo=notion&logoColor=white" />
+<img src="https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white" />
+
+</div>
+
+### CI/CD
+
+<img src="https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=Vercel&logoColor=white" />
+
+## 🖥️ 화면 구성 및 기능
+
+### 📌 메인, 헤더
+
+<div align="center">
+  <table>
+    <tr align="center">
+      <th>비로그인 홈</th>
+      <th>로그인 홈</th>
+    </tr>
+    <tr>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/91b2d73c-ba54-4a1b-8d19-e596352abc5e" alt="비로그인 홈"></td>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/9b8e0586-a242-4370-a356-cf3b3801b049"alt="로그인 홈"></td>
+    </tr>
+  </table>
+</div>
+
+### 📌 커뮤니티 소모임
+
+<div align="center">
+  <table>
+    <tr align="center">
+      <th>소모임 메뉴</th>
+      <th>소모임 필터</th>
+      <th>소모임 찜</th>
+    </tr>
+    <tr>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/ae44947e-6e4e-4425-b405-4d4a43903d5f" alt="소모임 메뉴"></td>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/a0b333e7-f820-45c5-a3a0-cc7aa36e42ef"alt="소모임 필터"></td>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/c277679a-284c-4997-9917-bee0674befc3"alt="소모임 찜"></td>
+    </tr>
+    <tr align="center">
+      <th>소모임 개설</th>
+      <th>소모임 관리</th>
+      <th>소모임 가입 신청</th>
+    </tr>
+    <tr>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/88c93ac3-8414-474f-a844-b36ff890d0ca" alt="소모임 개설"></td>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/ab499b1d-8a2a-4084-b098-331fe121aabc" alt="소모임 관리"></td>
+      <td><img src="https://github.com/Yanol-Market/frontend/assets/51106050/847926e4-da3a-4778-b41e-c4fdfd37401c" alt="소모임 가입 신청"></td>
+    </tr>
+  </table>
+</div>
+
+## ✒ 기획 및 디자인
+
+[🎨 Linkup GUI_01](https://www.figma.com/design/thyKkovyfR9T88oQLTJwNL/3%EC%A1%B0?node-id=1460-74476&t=c68XXYpCisSxdiey-0) <br/>
+[🎨 Linkup GUI_02](https://www.figma.com/design/thyKkovyfR9T88oQLTJwNL/3%EC%A1%B0?node-id=1460-74476&t=c68XXYpCisSxdiey-0) <br/>
+[🪟 Linkup 화면설계서](https://www.figma.com/design/thyKkovyfR9T88oQLTJwNL/3%EC%A1%B0?node-id=944-20118&t=c68XXYpCisSxdiey-0)