Tactical Match
Type: Mobile app
Tools used: React, React Native, Javascript, Cloudinary, Firebase
App Link: https://expo.dev/@shadow3197/tactical-match
Requirements:
- A mobile app that has a registeration and login page.
- Ability to add players and then generate teams.
- A map that shows users location with markers
- Give players ability to create loadouts of gear.
- A countdown timer for the game.
Project Overview
Tactical Match is a mobile app that was created, to increase the experience of airsoft. What the app does is allow users to create a profile to help create games by randomizing teams, adds a timer to let everyone know the game has ended, a map of the user’s current location with the added function of markers to give players more information to the game like the location of bases and known enemies, as well as the current distance to one of the points of interests, and the ability to create and save loadouts.
The Approach
During the planning and development of the project, I needed a simple way to create an app that could work on iOS and Android. That’s when I came across react-native and expo. Next, I set up the screens I would need which first was the Setup Match where users would input the game mode that they would be playing, and as well as the amount of time the game would have. By clicking the create button, the user will be brought to the player setup screen. From there, they can choose how many teams to create. Then after clicking on add players, the user will be taken to the manage players screen where players can be created, added, or deleted. The entered data will be saved on a firebase database. After a user chooses the players they then will return to the player setup where they generate the teams. The user is then returned to the Setup Match screen where the teams are generated and displayed. After the user confirms, the Start Match screen appears to start the game’s timer. To add more functionality to the app I added a map screen where players would be able to see their current location as well as show points of interest for their team. During the development, one of the future users suggested a battle royal mode, which gave me the idea of loadouts, in which players could save loadouts to be used in this mode. Dark and light themes were added to make users more stealthy at night.