Merge pull request #387 from depromeet/feat/386/addReadme

Readme.md 파일 생성

readme.md

@@ -0,0 +1,97 @@
+# [Layer] 성장하는 당신을 위한 회고 서비스
+
+<div align="center">
+<img width="100%" alt="image" src="https://github.com/user-attachments/assets/6c48b42e-fb6e-4f0f-abaf-8553a11bd0df">
+
+[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fdepromeet%2Flayer%2F&count_bg=%23000000&title_bg=%230F0F0F&icon=openlayers.svg&icon_color=%23009BFF&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
+
+</div>
+
+# [Layer] : WEB FRONTEND
+
+> **개발자 X 디자이너 간 연합 동아리인 디프만의 떡잎마을 방범대 팀입니다.** <br/> **개발기간: 2024.06 ~ ing**
+
+## 👋 배포 주소
+
+> **Layer Service URL** : [Layer 경험하기](https://www.layerapp.io/) <br> > **프론트 Github** : [프론트 Github](https://github.com/depromeet/layer)<br> > **백엔드 Github** : [백엔드 Github](https://github.com/depromeet/layer-server)<br>
+
+## 🎉 FRONTEND 팀 소개
+
+|                                      김현우                                      |                                      이민희                                      |                                      이동훈                                      |                                      주시현                                       |
+| :------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------: |
+| <img width="160px" src="https://avatars.githubusercontent.com/u/19422885?v=4" /> | <img width="160px" src="https://avatars.githubusercontent.com/u/91667853?v=4" /> | <img width="160px" src="https://avatars.githubusercontent.com/u/37871553?v=4" /> | <img width="160px" src="https://avatars.githubusercontent.com/u/100525337?v=4" /> |
+|                 [@klm hyeon woo](https://github.com/klmhyeonwoo)                 |                  [@Minhee Lee](https://github.com/leeminhee119)                  |                    [@donghunee](https://github.com/donghunee)                    |                     [@Juicycool](https://github.com/sean2337)                     |
+
+## 🔥 프로젝트 소개
+
+<mark>작성부터 AI 분석까지 성장하는 당신을 위한 회고 서비스, Layer는 회고 작성의 어려움과 부담감을 덜어주며, 회고를 통해 성장을 위한 개선점을 설정하고
+효율적으로 회고를 관리하는 데 도움을 주는 서비스에요.</mark>
+
+<br>
+
+## 🌊 서비스 플로우
+
+![image](https://github.com/user-attachments/assets/e21ff69a-06ce-4e69-b6e9-9fe35be70397)
+
+<mark>저희 서비스는 다음과 같은 플로우로 회고에 대한 접근성을 크게 향상시켰어요!</mark>
+
+<br>
+
+## ✨ 서비스 핵심 기능
+
+### 1. 맞춤 템플릿 추천받기
+
+<img width="70%" alt="image" src="https://github.com/user-attachments/assets/280bd464-32ef-4282-829d-7e1e76aaf18b">
+<br>
+
+<mark> 회고 템플릿 고르시느라 힘드셨죠? 저희 서비스는 고객에 맞춘 회고 템플릿을 추천해드려요.</mark>
+
+### 2. 회고 작성하기
+
+<img width="70%" alt="image" src="https://github.com/user-attachments/assets/f1924af0-c6b0-46cf-8925-036b0e32f915">
+<br>
+<mark>템플릿으로 추천받거나 커스텀한 나만의 회고를 작성하실 수 있어요. </mark>
+
+### 3. 회고 요약 확인하기
+
+<img width="70%" alt="image" src="https://github.com/user-attachments/assets/0d3c0f97-52f5-480c-8e5e-f3c58cb2f6cd">
+<br>
+<mark> 회고 내용 정리하느라 힘드셨죠? 우리 팀원이나 내가 작성한 회고를 파악하기 쉽게 정리해드려요. </mark>
+
+### 4. AI 회고 분석
+
+<img width="70%" alt="image" src="https://github.com/user-attachments/assets/8864e514-77d0-4e4c-8eb5-1f0b388e2738">
+<br>
+
+<mark> 여기서 끝일까요? 저희 [Layer] 서비스는 한 발 더 나아가, 사용자분께 AI를 통해 회고 분석을 통해 인사이트를 제공해요. <br>이외에도 다양한 기능을 누려보세요!</mark>
+
+---
+
+## 💻 Stacks
+
+| 구분                 | 기술                                                                                                                                                                                                             |
+| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Core**             | ![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=white) ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white) |
+| **Build Tool**       | ![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat-square&logo=vite&logoColor=white)                                                                                                                    |
+| **Package Manager**  | ![pnpm](https://img.shields.io/badge/pnpm-CB3837?style=flat-square&logo=pnpm&logoColor=white)                                                                                                                    |
+| **Style**            | ![Emotion](https://img.shields.io/badge/Emotion-C965BF?style=flat-square&logo=emotion&logoColor=white)                                                                                                           |
+| **State Management** | ![Jotai](https://img.shields.io/badge/Jotai-00C7B7?style=flat-square) ![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=flat-square&logo=react-query&logoColor=white)                   |
+| **Etc**              | ![Recharts.js](https://img.shields.io/badge/Recharts.js-FF6384?style=flat-square)                                                                                                                                |
+
+---
+
+## ✍️ [Layer] 프론트엔드 팀의 이이기
+
+### 1. [Layer] 소개 디스콰이엇
+
+<img width="500" alt="image" src="https://github.com/user-attachments/assets/4ba5d5f1-d5b3-4c25-85ce-54db30c91ec2">
+
+[해당 글로 바로가기](https://disquiet.io/product/%EB%A0%88%EC%9D%B4%EC%96%B4)
+
+### 2. [Layer] 서비스 탄생 배경
+
+<img width="500" alt="image" src="https://github.com/user-attachments/assets/00fd4ce4-4e2d-4152-93d9-354b8cf7c0c7">
+
+[해당 글로 바로가기](https://disquiet.io/@klmhyeonwoo/makerlog/%ED%9A%8C%EA%B3%A0-%EC%9E%98%ED%95%98%EB%8A%94-%ED%8C%80%EC%97%90%EC%84%9C-%ED%9A%8C%EA%B3%A0-%EC%A7%84%ED%96%89%ED%95%98%EA%B8%B0-%EC%9E%91%EC%84%B1-%EC%A4%91)
+
+---