chat-play-chill

Final Project for full-stack Web Development program at Lighthouse Labs.

Project Description

The live-messaging platform powered by socket.io, react, and express/node.js. This is a virtual hangout space where users can exchange messages in real-time. Chess game is built in React using hooks and chess.js library. Connect4 is built in TypeScript. Board games are currenlty local player only (pending feature: multiplayer).

The Project features 3 parts:

• Live Chat
• Connect4 Game
• Chess

To Get Started:

CLIENT

• go into client folder npm install then npm start app is served on http://localhost:3000/

SERVER

• go into server folder npm install then npm start back-end is served on http://localhost:5000/

Project Stack

- React.js, react-router, socket.io-client, TypeScript on the front-end
- Node, Express, socket.io on the server-side
- Libraries: react-dnd (drag and drop), react-scroll-to-bottom, react-emoji, RxJS, query-string

Final Product Screenshots

Home Page

Main page with options to select Chess or Connect4

Chess Page with Chat Login

Chess page with chat login window

Chess Page with Live Chat

Chess page with livechat

Connect4 Page with Chat Login

Connect4 page with chat login window

Connect4 Page with Live Chat

Connect4 page with livechat

Project Team

William Ting and Natalia Yuzhakova