Archery Garage Mobile App

Problem #

Archery Garage needed a mobile experience for managing events and letting participants find or track locations in real time, without maintaining two separate native codebases for iOS and Android.

Solution #

The app was built with React Native and Expo for a single cross-platform codebase, backed by a Node.js API deployed on Azure. Live location tracking was implemented using Mapbox, and the full mobile lifecycle — development, testing, and store submission — was managed for both the App Store and Play Store.

function useLiveLocation(eventId: string) {
  const [position, setPosition] = useState<Coordinates | null>(null);
 
  useEffect(() => {
    const subscription = Location.watchPositionAsync(
      { accuracy: Location.Accuracy.High, timeInterval: 5000 },
      (loc) => {
        setPosition(loc.coords);
        api.updateEventLocation(eventId, loc.coords);
      }
    );
    return () => subscription.remove();
  }, [eventId]);
 
  return position;
}

Architecture #

The Expo-based React Native client talks to a Node.js backend hosted on Azure, which persists event and location data and exposes it back to participants in real time via Mapbox-rendered maps.

Stack #

Problems solved #

• Built a cross-platform mobile application for event management
• Implemented live location tracking using Mapbox
• Developed backend services and cloud deployment architecture
• Managed complete mobile app lifecycle from development to store deployment

Lessons learned #

Links #

• App Store: Archery Garage
• Play Store: Archery Garage