반응 속도 게임

Demo

메인 페이지

난이도별 게임 플레이

• Easy Mode

• Medium Mode

• Hard Mode
  

랭킹 시스템

Quick Start

Prerequisites

• Make sure your NodeJS and npm versions are up to date

Download

• Download the latest version

or

• Clone the repository

$ git clone https://github.com/boorooksus/response-game.git

Installation

• Install dependencies

$ npm install
$ cd client
$ cd install
$ cd ../

• Set up MongoDB
  • get URI for MongoDB account.
  • create dev.js file in server/config/.
  • write code and add you MongoDB URI in it.

  module.exports = {
    mongoURI: "your mongoDB URI",
  };

Basic Usage

• start server and client

$ npm run dev

• Navigate to http://localhost:3000

Developing

Built With

• React
• React Router
• TypeScript
• Tailwind CSS
• Node.js
• Express.js
• MongoDB

Prerequisites

• Install editor Visual Studio Code or WebStorm
• Make sure your NodeJS and npm versions are up to date
• get MongoDB URI

Setting up Dev

• Install project

$ git clone https://github.com/boorooksus/response-game.git
$ cd server
$ npm install
$ cd ../
$ cd client
$ cd install

• Set up MongoDB
  • get URI for MongoDB account.
  • create dev.js file in server/config/.
  • write code and add you MongoDB URI in it.

  module.exports = {
    mongoURI: "your mongoDB URI",
  };

  
  

Directory Structure

response-game/
├── client/                           # front-end
│   ├── public/                       # static files
│   │   └── index.html                # html template
│   │
│   └── src/                          # project root
│       ├── components/               # application components
│       │   ├── views/                # application views
│       │   │   ├── GamePage/         # images, icons, etc.
│       │   │   │   ├── sections/     # components for the page
│       │   │   │   ├── GamePage.tsx  # view for game page
│       │   │   │   └── types.tsx     # types for typescript
│       │   │   └── ...
│       │   └── App.tsx
│       ├── index.css                 # common style css
│       ├── index.tsx
│       ├── ...
│       └── setupProxy.js             # proxy settings
│                                     #   for local server
│
├── server/                           # back-end
│   ├── config/                       # mongoDB key
│   ├── middleware/                   # custom middlewares
│   ├── models/                       # Database models
│   ├── routes/                       # routes for api
│   └── index.js
├── pakage.json                       # dependencies for server
└── README.md