TINDER FOR ATHLETES

Overview

Created a mobile app MVP for athletes to be able to connect with sport clubs. Athletes were able to market themselves without the need of sports agents. The app also allowed club managers to scout for potential athletes that would fill their roster vacancies. The app would keep track of the list of matches a particular athlete or club would have.

For this project, i was tasked with working on designing pages for a mobile app. I worked with mapping arrays to show case lists populated in the Matches page for both the athlete and the manager. I also created profile pages for both types of users where they could edit their information that was being stored in the backend.

I have posted the screenshots at the bottom of the page as the app’s back-end is not hosted at the moment.

Project Goals

  • Create a Mobile App MVP 
  • Allow athletes to sign up and show interest in clubs based on their geographical location and positions
  • Allow Clubs to sign up and show interest in athletes based on geographical location
  • Allow athletes to view matched clubs
  • Allow clubs to view matched athletes 
  • To have the application communicate with our database to retrieve information

Technology

This mobile app was built by React Native, JavaScript for front-end and Node.js for back-end. We stored data such as Athlete and Manager Information in the MySQL database. The project was deployed on AWS but has since been taken down due to free tier limitations on the account that was being used. The project was hosted on Expo and can be downloaded here if interested.

Example of a code snippet for rendering the matched list for club managers. When the user presses down on a match, the react-native-card-flip module allows the card to be flipped to showcase more information such as the athlete’s height, weight, email, position and country.