SHC app

NFC PWA App

The Client.

The National Fitness Campaign is an organization that aims to promote healthier communities across America. The Fitness Campaign has developed several free outdoor Fitness Courts® across the country with various exercise stations for the general public to access.

Extensishr

The Challenge.

The client was looking for a new way to promote the use of the Fitness Courts, and to garner more consistent use and recurrent activity from their users. While they had an existing mobile app that allowed users to search for and check into a court, this required users to not only have the app downloaded but also required the user to have a registered profile. So the client sought a solution that would make the check-ins easier and quicker for a user, and they also wanted to utilize gamification to reward their users for consistently checking in to the Fitness Courts ®.

The Solution.

We developed a Progressive Web App that a user could open by scanning a QR code, which would be placed at each Fitness Court ® location. The PWA would open directly to a check in screen, where users could check into the court as a guest, or else register a profile and then check in. Guest and registered users would be encouraged to return and check in again as they would earn special badges for their check-ins. The app would also track their progress by recording a user’s week streak, to promote more consistent check-ins. Registered users would get the additional benefit of being added to a national leaderboard, where they could compare their check-in progress with other users across the country.

We also developed a web application for the client to manage the PWA content and oversee the usage as a Super Admin. The super admin platform allows the client to update the content for videos and challenges that are viewable by the PWA users, as well as view analytics regarding the usage of and engagement with the app.

The Impact.

The client is able to gather useful analytics about the PWA usage, and compare this data with the mobile app usage to develop better solutions for engaging with their users and improving the user experience.

Tech Stack


React Native
React Native


Tailwind CSS
Tailwind CSS


Rabbit MQ
Rabbit MQ


PostgreSQL
PostgreSQL


Amazon SES
Amazon SES


AWS
AWS

PWA Features.

Guest User

GuestUser.

  • iconScan the QR code to access the PWA
  • iconSave the PWA to your home screen for easy access
  • iconSign up with your email address or Google to register an account
  • iconCheck-in to the Fitness Court ® up to 3 times as a Guest User
Registered User profile

Registered User Profile.

  • iconScan the QR code to access the PWA
  • iconSave the PWA to your home screen for easy access
  • iconRegister an account and manage your profile
  • iconReset your forgotten password
  • iconView your current check-in progress in your profile
check-ins

Check-ins.

  • iconCheck-in to the Fitness Court ® using your zip code
  • iconGuest users can check in up to 3 times with the guest account
  • iconRegistered users can check in and add to their total lifetime check-in count
  • iconMaintain a week streak by checking in at least once per week
  • iconView the current check-in Challenge
badges

Badges.

  • iconEarn badges by checking in
  • iconSee the list of all earned and locked badges
  • iconView details on how to earn a badge
leaderboards

Leaderboard .

  • iconView the national leaderboard to compare the lifetime check-ins of all users
  • iconFilter the Leaderboard to view check-ins in your location
workouts

Workouts.

  • iconWatch workout videos uploaded by the NFC team