prgrms-fe-devcourse · dahye1013 · Jun 7, 2022 · Jun 7, 2022 · Jun 8, 2022 · Jun 8, 2022
@@ -0,0 +1,4 @@
+REACT_APP_TITLE=Time_Divider
+REACT_APP_DESCRIPTION=당신은 시간을 잘 나누어 사용하고 있나요? 당신의 사용가능한 시간을 분배하세요!
+REACT_APP_API_URL=''
+REACT_APP_PORT=''
@@ -26,7 +26,6 @@
     ],
     "rules": {
         "no-var": "error",
-        "no-console": "warn",
-        "no-alert": "warn"
+        "no-console": "warn"
     }
 }
@@ -14,10 +14,12 @@
 # misc
 .DS_Store
 .env.local
-.env.development.local
+.env.development
+.env.production
 .env.test.local
 .env.production.local
 
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
@@ -1,9 +1,22 @@
+import GlobalStyle from '../src/styles/GlobalStyle'
+
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
+	actions: { argTypesRegex: '^on[A-Z].*' },
+	controls: {
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/,
+		},
+	},
 }
+
+export const decorators = [
+	Story => {
+		return (
+			<>
+				<GlobalStyle />
+				<Story />
+			</>
+		)
+	},
+]
@@ -1,24 +1,95 @@
-# 시간 분배기
-
-## 커밋 컨벤션
-예시) feat: 타이머 기능 추가, chore: 주석 삭제
-prefix | 설명 | 추가 설명
--- | -- | --
-feat | 기능추가/수정/삭제 | 제품 코드 수정 발생
-refactor | 리팩토링 | 제품 코드 수정 발생
-fix | 버그 수정 | 제품 코드 수정 발생
-docs | 문서 추가, 수정, 삭제 | 코드 수정 없음
-style | 스타일 수정 | 제품 코드 수정 발생
-chore | 그 외 모든 수정 | 유형이 혼재된 경우, 되도록이면 커밋 분리. 분리가 어려울 경우 위 순서 상 상위 항목의 유형으로 작성
+# TIME DIVIDER
+
+<img  src="https://user-images.githubusercontent.com/81891292/175041903-5ee8613e-9050-4e09-bfc4-86a75342e18a.png"></img>
+
+
+
+##  📌 프로젝트 소개
+
+
+![Banner2](https://user-images.githubusercontent.com/81891292/175070843-86b015e1-787a-4fb8-8d31-15f87b78dbc2.png)
+
+
+
+
+> TIME DIVIDER는 하루의 시간을 분배하고 공유하는 서비스입니다
+
 
-## 브랜치
-### protected branch
-- main : 기준이 되는 브랜치로 제품을 배포하는 브랜치 입니다.
-- develop : 개발 브랜치로 개발자들이 이 브랜치를 기준으로 각자 작업한 기능들을 합(Merge)칩니다.
-- release : 배포를 위해 master 브랜치로 보내기 전에 먼저 QA(품질검사)를 하기위한 브랜치 입니다.
-### prefix branch
-`prefix-설명-이름` 의 형태로 사용합니다.
-아래의 단어를 prefix로 사용합니다. 
-예시) feature-timer-codeisneverodd, hotfix-tokenRevealed-codeisneverodd
-- feature : 단위 기능을 개발하는 브랜치로 기능 개발이 완료되면 develop 브랜치에 합칩니다.
-- hotfix : master 브랜치로 배포를 했는데 버그가 생겼을 떄 긴급 수정하는 브랜치 입니다.
+🧐 당신은 해야할 일을 **모두** 잘 해내고 있나요? 
+
+😵‍💫 **시간은 한정**적이고.. 할 일은 너무 많고..
+
+😄 하나의 일에 몰두해 **다른 일을 못한 적**이 있다면 **[Time Divider](https://timedivider.netlify.app)** 를 사용해보세요!
+
+
+### :link: 배포 링크
+
+👉 [Time Divider 사용하기](https://timedivider.netlify.app)
+
+## 🪶 주요 기능
+### 1. 시간 분배
+> 하루에 사용 가능한 시간을 각 할 일에 분배해보세요!
+
+![Jun-22-2022 21-21-36](https://user-images.githubusercontent.com/54318460/175072711-ff9b668e-6b5f-4d42-829f-f1f3289f96cb.gif)
+
+### 2. 시간 관리
+> 터치 한 번으로 할 일을 시작하고, 생각보다 일찍 끝났다면 남은 시간을 다른 할 일에 합쳐보세요!
+
+| ![Jun-22-2022 21-28-20](https://user-images.githubusercontent.com/54318460/175072876-92197b7d-ee17-4435-9da9-54144625f914.gif) | ![Jun-22-2022 21-31-37](https://user-images.githubusercontent.com/54318460/175072657-13f1eb2c-2b2b-481b-8c50-fcb9ff423cc4.gif) |
+| ------------------------------------------------------------ | ------------------------------------------------------------ |
+
+### 3. 게시판
+> 다른 사람들과 할 일을 공유하고 소통해보세요!
+
+
+![Jun-22-2022 21-48-46](https://user-images.githubusercontent.com/54318460/175073342-5105db15-6396-43c8-a7d6-5cd1ccea1381.gif)
+
+> 이외의 다양한 기능을 👉 [Time Divider](https://timedivider.netlify.app) 에서 확인해보세요!
+
+## :sparkles: 기술 스택
+
+![React](https://img.shields.io/badge/React-61DAFB.svg?&style=for-the-badge&logo=React&logoColor=white) ![Recoil](https://img.shields.io/badge/recoil-f26b00?style=for-the-badge&logo={PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI1MDAiIHdpZHRoPSIyMzY4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMwIDExIDI3LjUgNzgiPjxyZWN0IGZpbGw9IiMwMDdhZjQiIGhlaWdodD0iOTUiIHJ4PSIxMCIgd2lkdGg9IjkwIi8+PGNpcmNsZSBjeD0iNDMuNSIgY3k9IjE4LjUiIGZpbGw9IiNmZmYiIHI9IjcuNSIvPjxjaXJjbGUgY3g9IjQzLjUiIGN5PSI4MS41IiBmaWxsPSIjZmZmIiByPSI3LjUiLz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZD0iTTQzLjk5OSAyNUM0Mi41IDM3IDU3LjUgMzQgNTcuNSA0Mi41YzAgNS01Ljg3OCA2LjM2NS0xMy41MDEgN0MzNy45OTkgNTAgMzAgNTAgMzAgNThzMTYgNS41IDEzLjk5OSAxN00zNC4xMzIgMzMuMzUzYzAgMTUuMjg5IDIzLjE1IDE4LjI4OSAyMy4xNSAzMi42MiIvPjwvZz48L3N2Zz4=}) ![StyledComponents](https://img.shields.io/badge/StyledComponents-DB7093.svg?&style=for-the-badge&logo=styledcomponents&logoColor=white) ![storybook](https://img.shields.io/badge/storybook-FF4785.svg?&style=for-the-badge&logo=storybook&logoColor=white)
+
+## 📋 기획문서
+
+- [💡 아이디어 기획서(Notion)](https://rust-damselfly-7e5.notion.site/51954418603645efb4a2c53220321e02)
+- [🖌️ 디자인 및 흐름(Figma)](https://www.figma.com/file/55rLirP3Lt9mifvgfOLi6n/Time?node-id=0%3A1)
+
+## 🎥 발표영상
+
+ - [🌱 중간 발표 영상(Google Drive)](https://drive.google.com/file/d/1Src2INi5S8UuDIuatgUXmYkaZvMoQtKd/view)
+ - [🌱 최종 발표 영상(Google Drive)](https://drive.google.com/file/d/1uAc6GpG4XmkWKTBHRt3eZNB1SX4svffB/view)
+
+## 👨‍👧‍👦 팀 소개
+
+<center><table>
+<tr>
+<td  align="center">
+<img src="https://avatars.githubusercontent.com/u/64780560?v=4" width="100px;" />
+</td>
+<td  align="center">
+<img src="https://avatars.githubusercontent.com/u/54318460?v=4" width="100px;" />
+</td>
+<td  align="center">
+<img src="https://user-images.githubusercontent.com/81891292/171566278-ec833ec2-e705-4f3d-8de8-7efc4cded4a2.jpg" width="100px" />
+</td>
+</tr>
+<tr>
+<td  align="center">
+<a  href="https://github.com/dahye1013">
+<div>신다혜</div>
+</a>
+</td>
+<td  align="center">
+<a  href="https://github.com/codeisneverodd">
+<div>김경현</div>
+</a>
+</td>
+<td  align="center">
+<a  href="https://github.com/ljw0096">
+<div>이지원</div>
+</a>
+</tr>
+</table></center>
+
+> [📚 개인별 학습 목표](https://rust-damselfly-7e5.notion.site/001dae83311340bc8caa01cc3623ea4b)가 궁금하시면? [클릭](https://rust-damselfly-7e5.notion.site/001dae83311340bc8caa01cc3623ea4b)!
@@ -0,0 +1,6 @@
+{
+	"compilerOptions": {
+		"baseUrl": "./src"
+	},
+	"include": ["src"]
+}