Git Product home page Git Product logo

party_game's Introduction

친구들이랑 놀러가서 인물퀴즈 하려고 만든 프로젝트

실행

디펜던시 설치

npm i

실행

npm start

게임하기

  1. 파일 선택 클릭해서 csv 파일을 선택한다.
    • csv 파일은 첫번째 열에는 image url, 두번째 열에는 이미지의 정답을 적으면 된다.
    • 파일 확장자는 csv 만 가능하다. 엑셀로 작성한 후 csv 로 내보내기 를 클릭하면 된다.
    • 메모장으로 쓴다면 url, image 사이를 공백 없이 콤마(,) 로 구분하고 각 행은 엔터(\n) 로 구분하면 된다.
    • 파일의 입력 구조가 비정상적이거나, 빈행, 빈열이 있으면 정상 동작하지 않을 수 있다.
    • 추후에 에러 처리를 할 예정
  2. 옵션 선택을 한다.
    • 타이머 시간, 문제 순서를 섞을지, 그대로 할지 결정한다.
    • 아직 문제에 반영되지 않았으며 추후 수정 예정이다.
  3. 완료를 누른다.
  4. 이미지 로딩 후 시작 버튼을 클릭한다.
  5. 게임을 한다.
    • 라운드 시작, 재시작, 일시 정지, 정답 공개 기능을 추가할 예정이다.
    • 모든 라운드가 끝나면 맨 처음 설정으로 돌아간다.

Todo

  1. Round component
  2. Countdown component
  3. 출제 순서 랜덤으로 섞기
  4. 라운드 시작, 일시정지, 재시작, 정답 보기 Controller component
  5. style

party_game's People

Contributors

parkjisu6239 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.