Backoffice-Mobile Project Setup On A Linux System

This guide provides step-by-step instructions to set up a complete backoffice-mobile development environment using Node.js, Expo, and Firebase on a Linux system. By the end of this setup, you will be able to run and develop your Expo-based application locally, use Firebase for backend services, and leverage the associated tooling.

Prerequisites

• A Linux distribution
• Basic knowledge of Terminal/CLI operations

Table of Contents

1. Node.js & NVM
2. Expo
3. Firebase
4. Project Setup
5. Running and Developing Your App
6. Resetting the Project
7. Additional Resources & Community

---

1. Node.js & NVM

NVM (Node Version Manager) allows you to install and manage multiple Node.js versions on your system. This ensures that the environment can be easily updated or rolled back as needed. For more information visit their official GitHub page here.

Installation:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
source ~/.bashrc
nvm --version

nvm install --lts
node -v
npm -v

2. Expo

Expo is an open-source platform for building universal native apps for Android, iOS, and the web with JavaScript and React. No separate global install is required if you use npx commands provided by Expo. If you want the Expo CLI globally on your computer, you can install it.

Installation:

npm install -g expo-cli

To learn more about Expo and its CLI, visit the Expo documentation.

3. Firebase

Firebase provides the necessary backend services, analytics, and tools for building scalable apps.

Installation:

curl -sL https://firebase.tools | upgrade=true bash
npm install -g firebase-tools
firebase --version

Visit Firebase CLI Setup for more details and troubleshooting steps.

4. Project Setup

Navigate to the root directory of your project. The project contains an app directory for your Expo app and a .firebase/ directory for Firebase configuration.

Install Project Dependencies:

npm install

Initialize Firebase:

firebase login
cd .firebase/
firebase init

Use the wizard to set up your Firebase project (select hosting, functions, etc. as required). After initialization, create and configure firebaseConfig.ts inside the .firebase/ folder from the provided example file, ensuring you replace placeholders with your actual Firebase project settings.

Once done, return to the project root:

cd ..

5. Running and Developing Your App

Now that the environment and dependencies are in place, you can start the Expo development server:

npm run start

6. Resetting the Project

If you need a fresh start and want to move the starter code into app-example and have a blank app directory:

npm run reset-project

This command re-initializes the project structure, helpful if you want to start from scratch without the provided examples.

7. Additional Resources & Community

Learn More About Expo:

• Expo Go
• Expo Documentation
• Guides
• Tutorial

Learn More About Firebase:

• Firebase Documentation
• Guides

Community:

• Expo on GitHub
• Expo Discord Community