dmowski / customer-admin

B2B SaaS project for make beautiful portfolio

Presetup

1. Install globaly Typescript npm install -g typescript

2. Install Java v18 (https://www.oracle.com/java/technologies/downloads/)

3. Install globaly firebase tool npm install -g firebase-tools

4. Install globaly kill-port npm install --g kill-port

5. Install packages npm run all-install

6. For MacOs Uncheck Airplay Receiver

For start development

Setup config

copy file app/.example.env to app/.env

copy file functions/example.runtimeconfig.json to functions/.runtimeconfig.json

Run dev mode

npm run dev // Run firebase emulator, watch mode, frontend application

Run storybook

/app > yarn storybook

Run firebase emulator

/functions > npm run serve

For rebuild firebase functions

/functions > npm run build

Run frontend application

/app > npm start

URLS:

Frontend application http://localhost:41010/

Firebase emulator admin panel http://localhost:4000/

For visualize a database

Copy text /typescript-types/database-struxture.txt and paste in https://flowchart.fun/

Firebase documentation and helpful links

React firebase hooks

💣 Auth Hooks

💣 Cloud Firestore Hooks

💣 Cloud Storage Hooks

💣 Realtime Database Hooks

Firebase

📹 YouTube Video tutorial

🔥 Firebase site (Documentation)