README.md

🏠http://pickyforky.xyz

피키포키는 학습을 도와줄 🙆‍♂️🙅‍♀️실시간 퀴즈 플랫폼이에요.
키즈부터 성인까지 👨‍👨‍👧‍👦 넓은 연령대를 타겟으로 해요.
💯포인트(점수) 기반의 경쟁 요소로 재미를 더했어요.
키(퀴)즈의 📊시각화된 결과로 강의의 피드백을 제공해요!

피키포키로 더 나은 학습 경험을 제공하세요 😊

---

📚위키에선 더 다양한 정보들을,
🗂프로젝트에선 개발 과정을,
피키포키의 다양한 모습을 살펴보세요!

목차

1. 팀원 소개
2. 프로젝트 소개
   2-1. 프로젝트 시연 및 소개 영상
   2-2. 사용 기술
   2-3. 배포 구조
   2-4. 게임 진행 흐름도
   2-5. 프로젝트 목표
3. 실행 방법

---

👨‍👨‍👧팀원 소개

움직이는게 좋은 CSS 마스터	뭐든 정리하고 싶은 정리러	133% 작업률을 달성하고있는	사라진
오창영	이수정	조찬기	이재민
피키포키의 오창영 소개서	피키포키의 이수정 소개서	피키포키의 조찬기 소개서	...👻

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

저희는 데일리 스크럼마다, 그날의 컨디션을 기록하고 서로 확인했어요!
피키포키 개발자들의 가장 높았던 컨디션 점수는 몇 점이었을까요? 데일리 스크럼 보러가기

---

프로젝트 소개

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

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

⚙ 사용 기술

🔃 배포 구조

🔄 게임 진행 흐름도

대표적인 기능인 🕹퀴즈 게임 진행의 소켓 통신 흐름도 입니다.
다른 서비스의 진행 흐름도 확인하고 싶으시다면 위키의 서비스 진행 흐름문서를 살펴보세요.

📌프로젝트 목표

💻🤳 모바일 퍼스트

• 핸드폰 사용이 잦을 수 있는 플랫폼 특성상, Mobile First UI를 구성하였습니다.
• 모바일, 데스크탑을 가리지 않고 어디서나 사용할 수 있는 플랫폼이 목표입니다.

♻ 라이브러리 없이 재사용 가능한 UI 컴포넌트

• 저희는 별도의 라이브러리를 사용하지 않고 직접 UI를 구상하였습니다.
• Modal, FlexibleInput, Button 등 다양한 컴포넌트들을 확인해보세요!

💪 사용자가 몰려도 안정적인 서비스

• 여러 명의 사용자가 한 번에 이용해도 견딜 수 있는 서비스를 만들기 위해 노력했습니다.

🌈 모두가 즐거운 프로젝트

• 프로젝트 목표를 달성해도 팀원끼리 기분이 상하면 안되겠죠?
• 저희는 팀원이 재미있는 프로젝트를 만들 수 있도록 항상 노력했습니다.
• 4명에서 3명이 되었지만 그래도 괜찮아요..!

---

👨‍💻실행 방법

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

설치

yarn install

실행

yarn start

---

응원하기

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