deploy: v 1.0.0

.env.example

@@ -0,0 +1 @@
+REACT_APP_JS_KEY=KAKAO_APP_JS_KEY

.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "prettier"],
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "airbnb",
+    "airbnb-typescript",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
+    "no-unused-vars": "off",
+    "import/order": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }],
+    "react/require-default-props": "off",
+    "@typescript-eslint/no-use-before-define": "off"
+  }
+}

.gitignore

@@ -13,6 +13,8 @@
 
 # misc
 .DS_Store
+.env.development
+.env.production
 .env.local
 .env.development.local
 .env.test.local
@@ -21,3 +23,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# API KEY
+.env

.prettierrc.json

@@ -0,0 +1,13 @@
+{
+  "printWidth": 80,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "endOfLine": "auto",
+  "useTabs": false,
+  "arrowParens": "avoid"
+}
+
+

README.md

@@ -1,8 +1,90 @@
-# 🔥 테오의 스프린트 15기 6조 Pick-Time Front-end
+# 🎁 Pick-Time | 피크 타임
+
+<br />
+
+<details>
+  <summary>목차</summary>
+  <ol>
+    <li><a href="#서비스-개요">서비스 개요</a></li>
+    <li><a href="#프로젝트-개요">프로젝트 개요</a></li> 
+    <li><a href="#Co-op-Conventions">협업 컨벤션</a></li>
+  </ol>
+</details>
+
+<br />
+
+<div align="center">
+
+  <h2>주는 사람 플로우</h2>
+
+| 처음                                                                                                                     | 메시지 카드 생성                                                                                                           | 선물 추가                                                                                                           |
+| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| ![주는 사람 처음](https://user-images.githubusercontent.com/92101831/278256910-95816ca6-e1c1-4d63-9fdb-3c874eca877f.gif) | ![메시지 카드 생성](https://user-images.githubusercontent.com/92101831/278256994-636ee995-f568-4a6c-865b-ad14c6605e3f.gif) | ![선물 추가](https://user-images.githubusercontent.com/92101831/278257038-9855feac-0cb9-4d21-b1a9-835a320e09f4.gif) |
+| 쿠폰 추가                                                                                                                | 선물 목록 확인                                                                                                             |                                                                                                                     |
+| ![쿠폰 추가](https://user-images.githubusercontent.com/92101831/278257560-ac1b6973-8734-45da-8e2a-05dc754b6076.gif)      | ![선물 목록 확인](https://user-images.githubusercontent.com/92101831/278272162-887e56a9-50fb-4779-afda-e863216ab445.gif)   |                                                                                                                     |
+
+  <h2>받는 사람 플로우</h2>
+
+| 받는 사람 처음                                                                                                           | 받는 사람 선물 선택                                                                                                           | 받는 사람 랜덤                                                                                                           |
+| ------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
+| ![받는 사람 처음](https://user-images.githubusercontent.com/92101831/278274708-b87112b6-a54a-4db7-b569-f70a78f42e77.gif) | ![받는 사람 선물 선택](https://user-images.githubusercontent.com/92101831/278274806-d71e8cba-5025-4132-a627-4c3c06cdd706.gif) | ![받는 사람 랜덤](https://user-images.githubusercontent.com/92101831/278274896-1d21f8cc-a654-4928-ab24-cb56b5a7b230.gif) |
+
+</div>
+
+<br />
+
+<h2>
+무엇이든 담아서
+당신의 소중한 사람에게 마음을 전하세요!
+</h2>
 
 <br>
 
-## 👨‍👩‍👦‍👦 조원
+피크 타임 서비스의 궁극적인 목적은
+
+선물 고민을 해소하고, 받는 사람이 직접 원하는 선물을 선택할 수 있도록 하는 것입니다.
+
+이 서비스는 선물을 주고 싶은 사람들이 피크 타임 플랫폼을 통해 선물 아이템을 모아두고 링크를 공유하면, 받는 사람은 그 중에서 마음에 드는 것을 선택하고 주문할 수 있습니다.
+
+이를 통해 선물 고민과 번거로움을 줄이고, 받는 사람이 만족하는 선물을 선정할 수 있는 서비스입니다.
+
+## 서비스 개요
+
+### 우리가 생각하는 궁극적인 목적
+
+- 닝겐미키: `선물 보내는 사람과 받는 사람이 선물에 대한 부담을 덜어주는 서비스`
+- 다모: `받는 사람이 가지고 싶은것을 주는것이 아닌 상대방을 생각하고 선물을 골랐다는 부분이 다른 서비스 대비 차별점일것 같아요`
+- 마크: `선물 선택의 폭을 넓혀 원하지 않는 상품을 선물로 받는 것을 방지할 수 있을 것 같아요`
+- 마로: `주는 사람과 받는 사람의 고민과 시간을 덜어주는게 궁극적인 목적 아닐까요`
+- 엘라 : `카카오톡 선물하기에 없는 선물을 받고 싶어요`
+- 코마: `선물을 골라주는 사람의 고민과 부담을 덜어줄 수 있어요`
+- 토마토: `선물 고민을 해소하고, 받는 사람이 직접 원하는 선물을 선택할 수 있도록 하는 것입니다. `
+- 타몽: `상대에게 전하는 마음에서 번거로움과 속물적인 부분을 덜어내고 마음의 진정성을 정성을 통해 전달한다!`
+
+### 취지
+
+- 기존 서비스 되고 있는 위시리스트는 선물을 받고 싶은 사람의 취향만 알 수 있다.
+- 선물을 주는 사람의 정성을
+- 이 서비스는 선물을 주고싶어하는 사람의 마음을 담아 받는 사람에게 링크를 공유할 수 있게 했다.
+- 선물 보내는 사람과 받는 사람의 부담을 덜어줄 수 있다.
+
+### 대상
+
+- 카카오톡에는 없는 선물을 하고 싶어요
+- 받는 사람이 가지고 싶은 것을 고르는 것이 아닌, 상대방을 생각하며 선물을 고민하고 싶어요
+
+### 고민의 방향성
+
+<!-- 피그잼 이미지 캡쳐 넣어주세요 -->
+<img width="1148" alt="image" src="https://github.com/pick-time/pick-time-fe/assets/92101831/aa41af95-059c-447e-90ad-24165e53bab3">
+
+### 페이지 구상
+
+<img width="1100" alt="image" src="https://github.com/pick-time/pick-time-fe/assets/92101831/27ab50ce-dac3-418c-a7c0-95e981b38f2d">
+
+## 프로젝트 개요
+
+### 👨‍👩‍👦‍👦 조원
 
 - [닝겐미키-Designer👩🏻‍💻]()
 - [다모-Back-end](https://github.com/comody)
@@ -13,13 +95,12 @@
 - [토마토-Back-end](https://github.com/devmtn30)
 - [타몽-Front-end](https://github.com/blcklamb)
 
-<br>
-
-## 🏃🏽‍♀️🏃‍♂️ Kick-off
+### 🏃🏽‍♀️🏃‍♂️ Kick-off
 
 2023.06.21 20:30pm(KST)
 
 <br />
+
 <hr />
 
 ## Quick Start
@@ -32,14 +113,18 @@
 
 ## Stack
 
+[![stackticon](https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1687775980974?alt=media&token=a3a4a294-96da-4ef5-8f8c-a8abaf3fa751)](https://github.com/msdio/stackticon)
+
 - 코어: `React`, `TypeScript`, `CRA`
 - 상태관리: `Recoil`, `@tanstack/react-query`
 - 스타일링: `styled-components`
 - 환경: `node.js v18`
 
 <br />
 
-## Folder Structure
+## Co-op Conventions
+
+### Folder Structure
 
 ```
 |-- components (Element UI 컴포넌트를 정의합니다.)
@@ -58,10 +143,6 @@
 
 <br />
 
-## Co-op Conventions
-
-<br />
-
 ### Flow
 
 모든 개발 및 협업과정은 Git Flow 를 따른다.