Codewords

Note: This project is no longer maintained and the site has been taken down.

Blog Series

To read more about how this project came to fruition and how to build an app using the same technologies, follow the links below!

• Part 1 - Introduction and Planning
• Part 2 - Enabling Websockets in Flask using Flask-SocketIO
• Part 3 - Scaffolding a Vue App with vue-cli and Managing State with Vuex
• Part 4 - Integrating Websockets into a Real-Time Vue App with Socket.io and Vuex

<p> <img src="screenshots/player-full.png" alt="Large Player View"> </p> <p> <img src="screenshots/player-mobile.png" alt="Player - mobile" width="49%"> <img src="screenshots/spymaster-mobile.png" alt="Spymaster - mobile" width="49%"> </p>

Development

The app uses flask as its back-end and webpack as a front-end dev server.

Prerequesites

• Docker
• Docker Compose

Run in Development

./run.sh development
# or run the docker-compose command manually
docker-compose -f docker-compose.yml -f docker-compose.development.yml up --build
# navigate to localhost:8080 in browser

Production

./run.sh production