Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/AndrewwCO/Pana-Baker/llms.txt

Use this file to discover all available pages before exploring further.

Panahashi Baker is a React Native + Expo app, so you run it through Expo Go on your physical device during development — no Xcode or Android Studio required. Before you start, make sure you have Node.js 18 or later installed and the Expo Go app on your iOS or Android device.
1

Clone the repository and install dependencies

Clone the repository and install all npm packages:
git clone https://github.com/AndrewwCO/Pana-Baker.git
cd Pana-Baker
npm install
If you don’t have the Expo CLI installed globally, add it now: npm install -g expo-cli
2

Configure your backend API URL

Open src/services/api.js and replace the placeholder URL with your real backend address:
const API_BASE = "http://10.0.2.2:8080/api/v1"; // 👈 Cambia esto
Change http://10.0.2.2:8080/api/v1 to your backend’s base URL — for example, https://api.yourbakery.com/api/v1.
The default value http://10.0.2.2:8080 is the Android emulator loopback address. It will not work on a physical device or in production. You must replace it before the app can reach your server.
See Configuration for all available options, including the .env file approach.
3

Set up Firebase Authentication

The app uses Firebase Auth to authenticate bakery owners. The firebase package (^12.13.0) is already installed — you only need to add your Firebase project credentials to src/services/auth.js.Add a firebaseConfig object at the top of src/services/auth.js before the initializeApp call:
const firebaseConfig = {
  apiKey:            "YOUR_API_KEY",
  authDomain:        "YOUR_PROJECT_ID.firebaseapp.com",
  projectId:         "YOUR_PROJECT_ID",
  storageBucket:     "YOUR_PROJECT_ID.appspot.com",
  messagingSenderId: "YOUR_SENDER_ID",
  appId:             "YOUR_APP_ID",
};
See the Firebase Auth setup guide for the full walkthrough, including how to create a Firebase project and locate these values.
You can find your firebaseConfig object in the Firebase console under Project settings → Your apps → SDK setup and configuration.
4

Start the development server and open the app

Start the Expo development server:
npx expo start
A QR code will appear in your terminal. Open Expo Go on your device and scan it. The app will bundle and launch on your phone.
Make sure your phone and development machine are on the same Wi-Fi network so Expo Go can reach the Metro bundler.

​
Next steps

Configuration

Review all environment variables and config options before going to production.

Firebase Auth setup

Complete guide to creating a Firebase project and wiring up authentication.

Core features

Learn how the Orders, Products, Statistics, and Bakery screens work.

Build for the stores

Use EAS Build to create an APK or IPA for distribution.

Build docs developers (and LLMs) love

Get started for freeTalk to us