Welcome to an online version of Dixit!. This game was created in two weeks as a final project for Full-Stack Web Development Diploma with Concordia Bootcamps.
I got the idea for this project from a friend with whom I play this game. With social distancing, we were looking for something we could still do together
Here is a short video explanation.
This version of the game is for 3-7 players, tou are welcome to try it yourself!
Using Firebase Real-Time Database, with this game each user can create a game or join a game (with the game id). once logged in, the players can chat with one another, and when ready, they can start playing.
If at any point one is not sure what to do next, simply look to the Navbar for instruction, or read the full instruction in the dropdown menu on the top left.
Have Fun!
Note that a firebase RealTime Database will need to be set up and various API keys (see Technologies) will be required for full functionality.
- Clone the repo.
- In both client and server directory terminals, run commands
$yarn installand$yarn start. - Login using Google Login.
Technologies utilized in this project include:
React, Redux, JavaScript, Styled Components
Express.js, Node, Firebase Real-Time Database
- In order to get this game up and running, I had to learn the basics of Firebase Real-Time Database.
- State control for Ga,e. and Round, and Player with multiple players simultaneously.
- Firebase Auth.
Starting this project I had (like many before me) many unrealistic goals. for now, these will be my future stretch goals.
- Update user profile: image, name, preferred color, Win-Loss ratio.
- Video feed while playing: the initial thought wsa to use WebRTC (or similar).
- Customize decks: having the option to upload personal decks of cards.
If you want to contact me you can reach me at [email protected].