LIVE PREVIEWBUY FOR $14

ClubRadar – Nightlife Discovery, Reserving and Venue Administration Template

ClubRadar is an entire nightlife discovery app constructed with React Native, Expo SDK 55 and TypeScript. Customers discover golf equipment, bars and lounges on a dwell dark-styled map, filter by distance and class, watch 24-hour venue tales, and e-book tickets, tables or free visitor record spots. Membership managers get a full dashboard to create venues, publish occasions and submit tales.

One TypeScript codebase ships each iOS and Android apps.

Demo Directions

The template connects to a Firebase backend. A working demo challenge is included, and the documentation reveals the way to plug in your individual Firebase challenge (free plan is sufficient) in about quarter-hour.

Take a look at accounts on the demo backend:

No further configuration is required to strive the demo: run the app, log in with the accounts above and the demo information (7 venues, 5 occasions, tales) seems. To make use of your individual backend you create a free Firebase challenge and paste its config values into one clearly marked config file – each step is within the documentation.

All the pieces the App Does

Discovery

  • [+] Interactive map with a customized darkish map fashion and color-coded pins per venue class
  • [+] Wealthy map callouts: title, class, distance and a “View Particulars” motion
  • [+] Map / Listing view toggle on the house display
  • [+] Radius search: Close to Me, 5, 10, 20 and 50 km with a visible radius circle and +/- stepper
  • [+] Dwell textual content search throughout venue names and artists
  • [+] Class filter chips: Nightclub, Dwell Music, Pub, Lounge, EDM Membership, Rooftop, Bar, Karaoke Bar, Dive Bar
  • [+] Artist / performer filter for occasions
  • [+] Actual GPS location (expo-location) with Haversine distance calculation proven per venue

Tales

  • [+] 24-hour venue tales in a horizontal tales bar with an Instagram-style viewer
  • [+] Managers submit photograph tales from their venues (digital camera or photograph library)
  • [+] Automated expiry: client-side filtering plus a scheduled Cloud Perform that purges expired tales and their storage information each hour

Venues and Occasions

  • [+] Membership particulars: cowl picture, ranking, description, contact quantity, distance and the venue’s upcoming occasions
  • [+] Occasion particulars: poster, artist, date and time, value and “free earlier than” dealing with

Bookings

  • [+] Three reserving sorts: ticket, desk reservation and free visitor record
  • [+] Visitor rely choice and confirmed / cancelled statuses
  • [+] Bookings display with real-time updates and a cancel motion
  • [+] Denormalized reserving information for quick record rendering with fewer Firestore reads

Accounts and Roles

  • [+] Electronic mail and password authentication by way of Firebase Auth
  • [+] Position choice at sign-up: common consumer or membership supervisor
  • [+] Supervisor sign-up creates the account and the supervisor’s first venue in a single movement
  • [+] Position-aware interface: managers get a dashboard button, signed-out company see a “Membership supervisor? Log in right here” banner
  • [+] Profile display with consumer information, sign-out and preferences saved in Firestore

Supervisor Dashboard

  • [+] Full venue and occasion CRUD from a devoted dashboard
  • [+] Create venue with an deal with search and map-pin location picker (geocoding)
  • [+] Cowl picture add to Firebase Storage from digital camera or library
  • [+] Create occasions per venue with a date and time picker and pricing, together with free occasions
  • [+] Disguise and unhide venues and occasions with out deleting them

Polish

  • [+] Darkish neon theme managed by a single design-token file (colours, spacing, typography, radii)
  • [+] Loading states, empty states and user-facing error messages all through
  • [+] Actual-time Firestore subscriptions for golf equipment, occasions, tales and bookings
  • [+] Platform-aware shadows, keyboard dealing with and safe-area layouts on iOS and Android

Expertise

  • Framework: React Native 0.83 with Expo SDK 55 (dev consumer)
  • Language: TypeScript (strict mode)
  • Navigation: React Navigation 7 (native stack)
  • Backend: Firebase – Auth, Firestore, Storage, plus one scheduled Cloud Perform for story expiry
  • Maps and placement: react-native-maps and expo-location

Third-Social gathering Providers Disclaimer

Necessary: this template depends on Firebase (authentication, database, storage and Cloud Features) and the Google Maps API (map show and geocoding). These are third-party companies supplied by Google and will not be developed or maintained by the creator. Each companies function underneath their very own phrases of service and pricing: whereas each supply free tiers which can be adequate for growth and testing, exceeding these limits or enabling paid options might incur further prices which can be the client’s accountability. Please overview the present Firebase and Google Maps pricing and phrases earlier than publishing. The creator shouldn’t be affiliated with Google, and no API keys or paid accounts are included with this merchandise.

Hostinger
  • Media: expo-image-picker, expo-video, expo-linear-gradient
  • Icons: lucide-react-native with react-native-svg

What the Purchaser Will get

  • [+] Full supply code for the app and the Cloud Perform, organized in a clear service-layer structure
  • [+] Each iOS and Android apps from a single codebase
  • [+] Illustrated setup documentation: Firebase challenge setup, Google Maps key, renaming the app, altering the bundle ID, changing the icon and re-skinning the theme
  • [+] Demo dataset with ready-made venues, occasions and tales, plus two take a look at accounts
  • [+] App Retailer and Google Play submission guidelines

Growth Disclosure

Parts of this template’s supply code had been developed with AI-assisted instruments. All code has been reviewed, examined and documented by the creator.

Please observe: this merchandise is a source-code template, not a completed hosted product. Primary familiarity with React Native, npm and Firebase is required to construct and publish. The documentation covers each setup step, and re-skinning the entire app takes minutes as a result of each shade comes from one theme file.


Source

Namecheap Best Deals