Skip to main content

Getting Started with the React Native Appointments App

Use this guide after downloading the Appointments app package. It covers the setup order for running the app, connecting Firebase, adding categories and vendors, testing booking flows, and preparing for release.

Quick Answer​

Run the app locally, connect Firebase, import or create categories, vendors, services, and professionals, then verify booking creation, professional management, push notifications if included, and the shared React Native release checklist.

What Ships In The App Package​

The Appointments app can include:

  • customer booking flow;
  • vendor or professional profiles;
  • category and service listings;
  • appointment scheduling screens;
  • professional or appointment management app, depending on the package;
  • Firebase setup files and optional seed data;
  • native iOS and Android projects.

1. Run The App Locally​

From the app root:

corepack enable
corepack yarn install --immutable
cd ios
bundle install
bundle exec pod install
cd ..
corepack yarn start

In a second terminal:

corepack yarn ios
# or
corepack yarn android

Use the shared setup docs if needed:

2. Configure Firebase​

Start with the shared Firebase setup, then add the app-specific booking data:

3. Add Booking Data​

At minimum, create or import:

  • categories;
  • vendors or businesses;
  • services;
  • professionals;
  • availability data if required by your package;
  • test users for customer and professional flows.

Incomplete vendor or professional records can make booking screens appear empty.

4. Verify Booking Flows​

Test:

  1. customer sign-up;
  2. category browsing;
  3. vendor and service detail screens;
  4. professional selection if included;
  5. appointment creation;
  6. appointment management;
  7. push notifications if configured.

5. Customize The App​

Before release, update:

  • app name;
  • bundle identifier and Android package name;
  • app icon and splash screen;
  • theme colors;
  • category and service data;
  • privacy policy, terms, and support URL.

Use:

Next Steps​