Latest Deployment: August 2024

Brain Defrost

Preview

Demo of user creating a game with their specifications then starting and playing the music themed trivia game with a friend.

Tech Used

Frontend

• TypeScript
• React
• HTML
• CSS
• React Router
• Cypress
• Github Actions
• Action Cable
• Postman
• Figma
• Netlify

Backend

• OpenAI
• Ruby on Rails

Context

This project was completed over 2 one-week sprints (about 35 hours) as a group Capstone Project for the final inning of Turing School of Software and Design bootcamp. Part 1 of the project was planning and completing our app’s MVP. Part 2 focused on refinement, adding features, and attempting stretch-goals. We chose to pursue using WebSockets for real time communication between participating clients during multi-player games. GenAI is utilized to create on-theme trivia questions.

The frontend team (myself and one other developer) decided to set up a CI/CD pipline during the first sprint of the project. Using Github Actions with custom jobs written in a yaml file was a challenge and felt like a major win. The jobs and merge rules set the team up for success as the application began to scale and become more complex!

Contribution Highlights

• Created Figma mockup of app views
• Collaborated with back-end team to establish JSON contracts to use throughout MVP development
• Developed e-2-e test suite of 11 passing acceptance tests for general user stories, gameplay, and error handling
• Managed FE sprint backlog including creation of user stories and acceptance criteria
• Set up continuous integration and continuous deployment workflows
• Responsive app layout
• See Backend repo here

Mockup

What’s Next?

• More use of WebSockets for other aspects of gameplay(e.g. progressing to intermission screen automatically after all players have submitted an answer, live updates of players list)
• Single-player vs Multi-player modes for improved UX respectively
• Email Stats background worker

Developed by Martin Chavez, Ethan Duvall, Jess Kohl, Tayla Phillips, & Laura Vega