Swolify
Group Project
Overview
Hate working out but love yelling bingo? Try Swolify! At Swolify, users play an Exercise Bingo game, selecting which forms of exercise they want to perform, and then Swolify randomly generates a number of exercises based on the difficulty setting selected by the user. The user then completes exercises one at a time, which complete randomized tiles on the Bingo board. The user then completes exercises until obtaining a Bingo.
Project Views
Landing page:
Profile Selection Page:
User Dashboard View:
Gameboard View:
Winner View:
React
- This multi page App was built with React and incorporates React Prototypes as well as React Router.
GraphQL
- Used to manage the data from the back-end
Cypress Testing
- All Testing of User views and user interactions
- Error Handling of Server errors and invalid URLS Tested
- Fetch requests are stubbed
Instructions for Use
- Upon opening the browser, a user is greeted with the Home page where they can press the “START” button!
- Once the user presses the start button they are taken to the Profile page and the user has a choice to choose from 4 profiles.
- When a User selects a profile they are taken to the dashboard were they can choose a workout and difficulty.
- The user is then taken to the game and should see a navigation with workouts and a bingo game board.
- When a user selects a workout a Modal will pop up with a video that will give an example of the workout and a complete button.
- Once the user completes a workout a random square will show the name of the workout. A user must complete as many workouts needed to get a tic-tac toe and win.
- Once a user wins a screen that reads “WINNER” will appear and the user has to click the Home button to be navigated back home.
Technologies Used
- React
- React Router
- Cypress Testing
- GraphQL
- Apollo Client
- ES6 JavaScript
- CSS
- JSX
Future Features
- Loading Screen
- Turn Limit/Round Limit
Project Management
-
Nik Seif
- We used a Github Project Board stay on task and meet the deadlines.
- We also used [Github Issues] to break user stories down into easier to solve increments.
MVP Proposal
Contributors