# 위키, 리드미 참고사항

### 달력

---

# 사이드바

### 💒 Home

[Home]()

### LiveMD
> LiveMD 소개

### 팀원 소개

### 📆 Planning

<details>
<summary> 프로젝트 설계</summary>

- [아키텍처]()
- [컴포넌트]()
- [폴더구조]()

</details>

- 제품 백로그
- 화면 기획서
- Api 명세서(깃북)
- 기술 스택

---------------------------------------
### ✔ Team Rule
✅ 그라운드 룰
스크럼 규칙
git flow와 CI/CD
커밋 스타일 가이드
브랜치명 스타일 가이드
<details>
<summary> 템플릿</summary>

- [Week1]()
- [Week3]()

</details>

------

### Progress
<details>
<summary> 기획회의</summary>

- [Week1]()
- [Week3]()

</details>
<details>
<summary> 데일리스크럼</summary>

- [Week1]()
- [Week3]()

</details>
<details>
<summary> 데일리랩업</summary>

- [Week1]()
- [Week3]()

</details>
<details>
<summary> 스프린트로그</summary>

- [Week1]()
- [Week3]()

</details>
<details>
<summary> 피드백로그</summary>

- [Week1]()
- [Week3]()

</details>
<details>
<summary> 와이로그</summary>

- [Week1]()
- [Week3]()

</details>

---------------------------------------

### ETC
<details>
<summary>트러블 슈팅</summary>
</details>
<details>
<summary>🕹 기술 공유</summary>
</details>
<details>
<summary>팀원 소개??</summary>
</details>

---
---

# WIKI HOME

## 프로젝트 소개
## 참여자
## 회의 달력
## Footer

Copyright © 2020 User-Event-Collector-B   

# README.md

https://github.com/boostcamp-2020/Project15-C-Client-Based-Formula-Editor 부스토랑
https://github.com/boostcamp-2020/Project06-A-Slack 슬랙
https://github.com/connect-foundation/2019-07 피키포키
https://github.com/boostcamp-2020/Project02-B-RealTime-Translation-Messenger RealTime-Translation-Messenger

# 리드미 구성

<p align='middle'>
<a href='http://pickyforky.xyz'><img src='./docs/logogif.gif' /></a></p>
<p align='middle'><img alt="GitHub tag (latest by date)" src="https://img.shields.io/github/v/tag/connect-foundation/2019-07"> <img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/w/connect-foundation/2019-07"> <a href="https://github.com/connect-foundation/2019-07/wiki"/><img alt="Document" src="https://img.shields.io/badge/document-yes-important"></a> <img alt="npm" src="https://img.shields.io/npm/v/yarn?label=yarn"> <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/connect-foundation/2019-07?color=blueviolet"> <img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/connect-foundation/2019-07"> <img alt="GitHub" src="https://img.shields.io/github/license/connect-foundation/2019-07"></p>

<h1 align='middle'><a href='http://pickyforky.xyz'>🏠http://pickyforky.xyz</a></h1>
<p align='middle'>
<strong>피</strong>키포키는 학습을 도와줄 <u>🙆‍♂️🙅‍♀️실시간 퀴즈 플랫폼</u>이에요.<br>
<strong>키</strong>즈부터 성인까지 👨‍👨‍👧‍👦 <u>넓은 연령대</u>를 타겟으로 해요.<br>
💯<strong><u>포</strong>인트(점수) 기반의 경쟁 요소</u>로 재미를 더했어요.<br>
<strong>키</strong>(퀴)즈의 📊<u>시각화된 결과</u>로 강의의 피드백을 제공해요!<br>
<br>
피키포키로 더 나은 학습 경험을 제공하세요 😊
</p>

---

📚[위키](https://github.com/connect-foundation/2019-07/wiki)에선 더 다양한 정보들을,
🗂[프로젝트](https://github.com/connect-foundation/2019-07/projects)에선 개발 과정을,
피키포키의 다양한 모습을 살펴보세요!

## 목차

1. [팀원 소개](#팀원-소개)
2. [프로젝트 소개](#프로젝트-소개)
2-1. [프로젝트 시연 및 소개 영상](#-프로젝트-시연-및-소개-영상)
2-2. [사용 기술](#-사용-기술)
2-3. [배포 구조](#-배포-구조)
2-4. [프로젝트 목표](#프로젝트-목표)
3. [실행 방법](#실행-방법)

---

## 👨‍👨‍👧팀원 소개

<table>
<tr>
<td align="center">
_{움직이는게 좋은 CSS 마스터}
</td>
<td align="center">
_{뭐든 정리하고 싶은 정리러}
</td>
<td align="center">
_{133% 작업률을 달성하고있는}
</td>
<td align="center">
_사라진
</td>
</tr>
<tr>
<td align="center"><a href="https://github.com/ocy1011"><img src="https://avatars2.githubusercontent.com/u/34512577?s=460&v=4" width="100px;" alt="ocy1011"/><br />_{<b>오창영</b>}</a><br /></td>
<td align="center"><a href="https://github.com/2ssue"><img src="https://avatars3.githubusercontent.com/u/42017052?s=460&v=4" width="100px;" alt="2ssue"/><br />_{<b>이수정</b>}</a><br /></td>
<td align="center"><a href="https://github.com/changicho"><img src="https://avatars1.githubusercontent.com/u/38618187?s=460&v=4" width="100px;" alt="changicho"/><br />_{<b>조찬기</b>}</a><br /></td>
<td align="center"><a href="https://github.com/leecoders"><img src="https://avatars0.githubusercontent.com/u/47619140?s=460&v=4" width="70px;" alt="leecoders"/><br />_{<b>이재민</b>}</a><br /></td>
</tr>
<tr>
<td align="center">
_{<a href="https://github.com/connect-foundation/2019-07/wiki/works-%EC%98%A4%EC%B0%BD%EC%98%81">피키포키의 오창영 소개서</a>}
</td>
<td align="center">
_{<a href="https://github.com/connect-foundation/2019-07/wiki/works-%EC%9D%B4%EC%88%98%EC%A0%95">피키포키의 이수정 소개서</a>}
</td>
<td align="center">
_{<a href="https://github.com/connect-foundation/2019-07/wiki/works-%EC%A1%B0%EC%B0%AC%EA%B8%B0">피키포키의 조찬기 소개서</a>}
</td>
<td align="center">
<a href="https://github.com/connect-foundation/2019-07/wiki/works-%EC%9D%B4%EC%9E%AC%EB%AF%BC">...👻</a>
</td>
</tr>
</table>

### 피키포키 개발자의 하루하루 컨디션

저희는 데일리 스크럼마다, 그날의 컨디션을 기록하고 서로 확인했어요!
피키포키 개발자들의 가장 높았던 컨디션 점수는 몇 점이었을까요? [데일리 스크럼 보러가기](https://github.com/connect-foundation/2019-07/wiki/%EB%8D%B0%EC%9D%BC%EB%A6%AC-%EC%8A%A4%ED%81%AC%EB%9F%BC-%EB%AA%A8%EC%9D%8C%EC%A7%91)

---

## 프로젝트 소개

### 📽 프로젝트 시연 및 소개 영상

> 링크를 누르면 소개 영상 페이지로 이동합니다

<p align='middle'><a href='https://youtu.be/dqIBenlNK0Q' align='middle'><img src='./docs/thumbnail.gif' /></a></p>

### ⚙ 사용 기술

<p align='middle'><a href='./docs/technology_stack.png'><img src='./docs/technology_stack.png' /></a></p>

### 🔃 배포 구조

<p align='middle'><a href='./docs/structure.png'><img src='./docs/structure.png' /></a></p>

### 📌프로젝트 목표

## 👨‍💻실행 방법

> npm-run-all 모듈로, client와 server를 동시에 실행시킬 수 있습니다.
> ※ 실행 전 `.env`를 설정하고 서버를 시작해야 정상적으로 동작합니다.

### 설치

yarn install

### 실행

yarn start

---

## 응원하기

이 프로젝트가 마음에 드셨다면 ⭐️을 눌러주세요!