Project Summary

Here we have a game lobby where a user can sign up/ log in and view the lobbies that they are a part of. A user can create their own lobby and invite people with the lobby id, or join another lobby with a lobby id. This project currently has no games. However, it is a working progress that will allow me to create more projects (such as a multiplayer game of checkers) within the app for players to play together in their lobbies.

Deployed Website

Please feel free to have a look at the app here. You can log in with the username: duncan, password: test and play in the exsisting lobbies, or create your own user and lobby by signing up!

Local Set up

After downloading this repo along with the client side repo, in your local environment in both the server and client folder:

1. `npm i` to install the required node modules
2. `npm start` to start the server/ react server

Planning Process

The Idea

I wanted to be able to have a place to where friends could gather and play games as well as have a channel for chat within the group members. And so I decided to build this project!

User Stories

A user should be bale to:
1. Sign up and log in with a username and password.
2. Create their own lobby.
3. Join another lobby with a lobby ID.
4. Send messages within a lobby.
5. View what users are a part of the lobby.
6. Leave the lobby.
7. Log out.

Wireframes

Home Page

Lobby Library

Lobby Page

Entity Relationship Diagram

Future Work

1. Add a set timeout to fetch from the database very 3s to try to mimic a real time websocket connection.
2. Add in a feature to be able to change the username and password
3. Add in more games like checkers, tic-tac-toe, connect four etc