Crocodile (charades) game - client side

Graduation project at HTP (it-academy). Crocodile (charades) game - client side

How to setup

# clone repo
git clone https://github.com/kulikmaxim/crocodile-game-client-final-project.git

# go to directory
cd crocodile-game-client-final-project

# install dependencies
npm install

# run app
npm start

Deployment (GitHub-Pages)

# run script
npm deploy

App structure

'|-- undefined',
  '    |-- .eslintrc.js',
  '    |-- .gitignore',
  '    |-- package.json',
  '    |-- README.md',
  '    |-- public',
  '    |   |-- favicon.ico',
  '    |   |-- index.html',
  '    |   |-- manifest.json',
  '    |-- src',
  '        |-- index.js',
  '        |-- components',
  '        |   |-- About',
  '        |   |   |-- About.js',
  '        |   |-- App',
  '        |   |   |-- App.js',
  '        |   |-- DrawingBoard',
  '        |   |   |-- DrawingBoard.js',
  '        |   |   |-- index.js',
  '        |   |   |-- Panel.js',
  '        |   |-- GamePanel',
  '        |   |   |-- GamePanel.js',
  '        |   |   |-- index.js',
  '        |   |   |-- ParticipantPanel.js',
  '        |   |   |-- PresenterPanel.js',
  '        |   |   |-- Timer.js',
  '        |   |-- Header',
  '        |   |   |-- Header.js',
  '        |   |-- HomePage',
  '        |   |   |-- HomePage.js',
  '        |   |   |-- index.js',
  '        |   |   |-- RoomForm.js',
  '        |   |   |-- RoomList.js',
  '        |   |   |-- UserForm.js',
  '        |   |-- Room',
  '        |       |-- ChatBox.js',
  '        |       |-- index.js',
  '        |       |-- Room.js',
  '        |       |-- RoomInfo.js',
  '        |       |-- UserList.js',
  '        |-- utils',
  '            |-- history.js',
  '            |-- socket.js',
  '' 

Technologies and tools

• React
• Create React App
• Socket.IO
• Semantic UI React

App info

• Presentation
• Game Demo