Changing the way we play
FanzPlay is a mobile application that allows fans to compete in live trivia matches during their favorite team’s sporting events. Whether you’re watching the game at home or in the stadium, you can compete against opposing teams' fans for the chance to win bragging rights and prizes from sponsors.
Fans can play the game by answering trivia questions, specific to every matchup, on their screens before the time runs out. Answering correctly can help your team beat the opposing team, and the leaderboard displays which team is winning. FanzPlay provides a fun and engaging experience for every type of fan!!
Visit our project website here!
This project was made using TypeScript as the main programming language, React Native for the frontend technology, Firebase for our backend technology, and Expo for our development environment. Our final product combines the two apps created by the previous team for fans and admins.
You can find information about the structure and design of our app in our Design Document!
For detailed information on how to run the app, please refer to both the User Manual and the Adminstrator Manual on our app website in the section of Documentation Plan.
You can also refer to your Handoff Plan which includes helpful videos on how to access and run the app.
For an overview of the implementation, code interactions, and discussed limitations please view the docs folder:
Check out our Test Plan! This includes tests we planned and tests we were able to do. You can use this as a guide to the testing requirements of the app in general. The testing is done inside the test folder in this repo.
This app has unit testing for our database operations. To test our Firestore database functionality, we use a Firestore Emulator. This emulator allows us to test without worrying about modifying our live database.
npm install -g firebase-toolsnpm install
firebase loginfirebase initfirestore and emulatorsuse an existing projectfanzplay-6229fFirestore Emulatordownload now
firebase loginfirebase emulators:start npm testThis respository is set up for linting using ESLint. Not all linting suggestions have been implemented yet. To lint the repository, runnpm run lint
To make your changes comply with this repository's code styling, run npm run prettier:write in the terminal before commintting your code to maintain code readability and consistency.
As mentioned in the Admin Manual, it is critical to monitor and test the app regularly or the app may become dysfunctional. Here is an overview of how to properly maintain this app to avoid that:
Keep up with updates on the technologies used for this app. Major changes or updates may happen that make certain parts of the app dysfunctional. This needs to be identified ASAP.
Frequently and consistently monitor the state of FanzPlay's functionality to ensure that no libraries or dependencies get deprecated without finding alternatives. This can get very complicated quickly as too many libraries being dysfunctional can break intertwined functions within the code, eventually breaking all parts of the app. In summary, don't allow errors to stack.
Also, check Firebase to ensure it is continuing to be active.
Ensure that both Android and iOS are functional and function as similarly as possible. While React Native is made to be cross-compatible, advanced functions and libraries may behave differently between iOS and Android. There may be different ways data is pulled from Firebase between the two platforms, creating unexpected and hard-to-find bugs. For every test or change, both platforms need to be accounted for.