{"id":18318679,"url":"https://github.com/connect-foundation/2019-07","last_synced_at":"2025-04-05T21:33:01.971Z","repository":{"id":36055201,"uuid":"218951914","full_name":"connect-foundation/2019-07","owner":"connect-foundation","description":"🎓피키포키: 학습을 도와줄 실시간 퀴즈 플랫폼","archived":false,"fork":false,"pushed_at":"2023-07-18T22:51:40.000Z","size":5359,"stargazers_count":20,"open_issues_count":43,"forks_count":8,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-21T12:21:23.650Z","etag":null,"topics":["eslint-airbnb","mysql","nginx","nodejs","oauth","react","real-time","socket-io"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/connect-foundation.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-01T09:09:10.000Z","updated_at":"2024-10-30T12:10:27.000Z","dependencies_parsed_at":"2023-02-17T07:15:47.255Z","dependency_job_id":null,"html_url":"https://github.com/connect-foundation/2019-07","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connect-foundation%2F2019-07","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connect-foundation%2F2019-07/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connect-foundation%2F2019-07/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connect-foundation%2F2019-07/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/connect-foundation","download_url":"https://codeload.github.com/connect-foundation/2019-07/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247406076,"owners_count":20933803,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint-airbnb","mysql","nginx","nodejs","oauth","react","real-time","socket-io"],"created_at":"2024-11-05T18:11:15.413Z","updated_at":"2025-04-05T21:33:00.952Z","avatar_url":"https://github.com/connect-foundation.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align='middle'\u003e\n\u003ca href='http://pickyforky.xyz'\u003e\u003cimg src='./docs/logogif.gif' /\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp align='middle'\u003e\u003cimg alt=\"GitHub tag (latest by date)\" src=\"https://img.shields.io/github/v/tag/connect-foundation/2019-07\"\u003e  \u003cimg alt=\"GitHub commit activity\" src=\"https://img.shields.io/github/commit-activity/w/connect-foundation/2019-07\"\u003e \u003ca href=\"https://github.com/connect-foundation/2019-07/wiki\"/\u003e\u003cimg alt=\"Document\" src=\"https://img.shields.io/badge/document-yes-important\"\u003e\u003c/a\u003e \u003cimg alt=\"npm\" src=\"https://img.shields.io/npm/v/yarn?label=yarn\"\u003e \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/connect-foundation/2019-07?color=blueviolet\"\u003e \u003cimg alt=\"GitHub repo size\" src=\"https://img.shields.io/github/repo-size/connect-foundation/2019-07\"\u003e \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/connect-foundation/2019-07\"\u003e\u003c/p\u003e\n\n\u003ch1 align='middle'\u003e\u003ca href='http://pickyforky.xyz'\u003e🏠http://pickyforky.xyz\u003c/a\u003e\u003c/h1\u003e\n\u003cp align='middle'\u003e\n\u003cstrong\u003e피\u003c/strong\u003e키포키는 학습을 도와줄 \u003cu\u003e🙆‍♂️🙅‍♀️실시간 퀴즈 플랫폼\u003c/u\u003e이에요.\u003cbr\u003e\n \u003cstrong\u003e키\u003c/strong\u003e즈부터 성인까지 👨‍👨‍👧‍👦 \u003cu\u003e넓은 연령대\u003c/u\u003e를 타겟으로 해요.\u003cbr\u003e\n 💯\u003cstrong\u003e\u003cu\u003e포\u003c/strong\u003e인트(점수) 기반의 경쟁 요소\u003c/u\u003e로 재미를 더했어요.\u003cbr\u003e\n\u003cstrong\u003e키\u003c/strong\u003e(퀴)즈의 📊\u003cu\u003e시각화된 결과\u003c/u\u003e로 강의의 피드백을 제공해요!\u003cbr\u003e\n\u003cbr\u003e\n피키포키로 더 나은 학습 경험을 제공하세요 😊\n\u003c/p\u003e\n\n---\n\n📚[위키](https://github.com/connect-foundation/2019-07/wiki)에선 더 다양한 정보들을,  \n🗂[프로젝트](https://github.com/connect-foundation/2019-07/projects)에선 개발 과정을,  \n피키포키의 다양한 모습을 살펴보세요!\n\n## 목차\n\n1. [팀원 소개](#팀원-소개)\n2. [프로젝트 소개](#프로젝트-소개)  \n   2-1. [프로젝트 시연 및 소개 영상](#-프로젝트-시연-및-소개-영상)  \n   2-2. [사용 기술](#-사용-기술)  \n   2-3. [배포 구조](#-배포-구조)  \n   2-4. [게임 진행 흐름도](#-게임-진행-흐름도)  \n   2-5. [프로젝트 목표](#프로젝트-목표)\n3. [실행 방법](#실행-방법)\n\n---\n\n## 👨‍👨‍👧팀원 소개\n\n\u003ctable\u003e\n  \u003ctr\u003e\n  \u003ctd align=\"center\"\u003e\n  \u003csub\u003e\n    움직이는게 좋은 CSS 마스터\n  \u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n  \u003csub\u003e\n    뭐든 정리하고 싶은 정리러\n  \u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n  \u003csub\u003e\n    133% 작업률을 달성하고있는\n  \u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n  \u003csub\u003e\n    사라진\n  \u003c/sub\u003e\n  \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ocy1011\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/34512577?s=460\u0026v=4\" width=\"100px;\" alt=\"ocy1011\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003e오창영\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/2ssue\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/42017052?s=460\u0026v=4\" width=\"100px;\" alt=\"2ssue\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003e이수정\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/changicho\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/38618187?s=460\u0026v=4\" width=\"100px;\" alt=\"changicho\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003e조찬기\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/leecoders\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/47619140?s=460\u0026v=4\" width=\"70px;\" alt=\"leecoders\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003e이재민\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n    \u003ctr\u003e\n  \u003ctd align=\"center\"\u003e\n    \u003csub\u003e\n    \u003ca href=\"https://github.com/connect-foundation/2019-07/wiki/works-%EC%98%A4%EC%B0%BD%EC%98%81\"\u003e피키포키의 오창영 소개서\u003c/a\u003e\u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n    \u003csub\u003e\n    \u003ca href=\"https://github.com/connect-foundation/2019-07/wiki/works-%EC%9D%B4%EC%88%98%EC%A0%95\"\u003e피키포키의 이수정 소개서\u003c/a\u003e\n    \u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n    \u003csub\u003e\n    \u003ca href=\"https://github.com/connect-foundation/2019-07/wiki/works-%EC%A1%B0%EC%B0%AC%EA%B8%B0\"\u003e피키포키의 조찬기 소개서\u003c/a\u003e\u003c/sub\u003e\n  \u003c/td\u003e\n  \u003ctd align=\"center\"\u003e\n    \u003ca href=\"https://github.com/connect-foundation/2019-07/wiki/works-%EC%9D%B4%EC%9E%AC%EB%AF%BC\"\u003e...👻\u003c/a\u003e\n  \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### 피키포키 개발자의 하루하루 컨디션\n\n저희는 데일리 스크럼마다, 그날의 컨디션을 기록하고 서로 확인했어요!  \n피키포키 개발자들의 가장 높았던 컨디션 점수는 몇 점이었을까요? [데일리 스크럼 보러가기](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)\n\n---\n\n## 프로젝트 소개\n\n### 📽 프로젝트 시연 및 소개 영상\n\n\u003e 링크를 누르면 소개 영상 페이지로 이동합니다\n\n\u003cp align='middle'\u003e\u003ca href='https://youtu.be/dqIBenlNK0Q' align='middle'\u003e\u003cimg src='./docs/thumbnail.gif' /\u003e\u003c/a\u003e\u003c/p\u003e\n\n### ⚙ 사용 기술\n\n\u003cp align='middle'\u003e\u003ca href='./docs/technology_stack.png'\u003e\u003cimg src='./docs/technology_stack.png' /\u003e\u003c/a\u003e\u003c/p\u003e\n\n### 🔃 배포 구조\n\n\u003cp align='middle'\u003e\u003ca href='./docs/structure.png'\u003e\u003cimg src='./docs/structure.png' /\u003e\u003c/a\u003e\u003c/p\u003e\n\n### 🔄 게임 진행 흐름도\n\n\u003e 대표적인 기능인 🕹퀴즈 게임 진행의 소켓 통신 흐름도 입니다.  \n\u003e 다른 서비스의 진행 흐름도 확인하고 싶으시다면 위키의 [서비스 진행 흐름](https://github.com/connect-foundation/2019-07/wiki/sequence-diagram)문서를 살펴보세요.\n\n\u003cp align='middle'\u003e\u003ca href='https://github.com/connect-foundation/2019-07/wiki/sequence-diagram'\u003e\u003cimg src='https://user-images.githubusercontent.com/38618187/71227252-e7519d80-2321-11ea-8cf9-f92ce5ad3937.png' /\u003e\u003c/a\u003e\u003c/p\u003e\n\n### 📌프로젝트 목표\n\n#### 💻🤳 모바일 퍼스트\n\n- 핸드폰 사용이 잦을 수 있는 플랫폼 특성상, Mobile First UI를 구성하였습니다.\n- 모바일, 데스크탑을 가리지 않고 어디서나 사용할 수 있는 플랫폼이 목표입니다.\n\n#### ♻ 라이브러리 없이 재사용 가능한 UI 컴포넌트\n\n- 저희는 별도의 라이브러리를 사용하지 않고 직접 UI를 구상하였습니다.\n- Modal, FlexibleInput, Button 등 [다양한 컴포넌트들](https://github.com/connect-foundation/2019-07/tree/master/client/src/components/common)을 확인해보세요!\n\n#### 💪 사용자가 몰려도 안정적인 서비스\n\n- 여러 명의 사용자가 한 번에 이용해도 견딜 수 있는 서비스를 만들기 위해 노력했습니다.\n\n#### 🌈 모두가 즐거운 프로젝트\n\n- 프로젝트 목표를 달성해도 팀원끼리 기분이 상하면 안되겠죠?\n- 저희는 팀원이 재미있는 프로젝트를 만들 수 있도록 항상 노력했습니다.\n- ~~4명에서 3명이 되었지만 그래도 괜찮아요..!~~\n\n---\n\n## 👨‍💻실행 방법\n\n\u003e npm-run-all 모듈로, client와 server를 동시에 실행시킬 수 있습니다.  \n\u003e ※ 실행 전 `.env`를 설정하고 서버를 시작해야 정상적으로 동작합니다.\n\n### 설치\n\n```shell\nyarn install\n```\n\n### 실행\n\n```shell\nyarn start\n```\n\n---\n\n## 응원하기\n\n이 프로젝트가 마음에 드셨다면 ⭐️을 눌러주세요!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnect-foundation%2F2019-07","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconnect-foundation%2F2019-07","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnect-foundation%2F2019-07/lists"}