Wall Script Angular + Firebase Setup

After payment, you will receive a Wall-UI zip file. System Requirements

• Node latest version
• Angular Cli latest version

Step 1
Extract Wall-UI.zip into using zip software.

Step 2 - Install Project
Install node modules

$npm install --force

Step 3 - Development Server
Run Angular development server. It runs at port localhost:4200

$npm run start

Step 4 - Run Mock Server
Run mock server. It runs at port 3000

$npm run server

Step 5 - Mock Login
Demo login user. You will find more user in users.ts file.

username: srinivas
password: tamada

Step 6 - Build
Run mock server.

$npm run build

Firebase Configuration

Follow this article Angular Continuous Deployment to Firebase Hosting using CircleCI
Hosting
Database configuration settings.

Step 7 - Firebase Deploy
Configure firebase token for deployment.

$./node_modules/.bin/firebase deploy --token=$FIREBASE_TOKEN

Storage
Database configuration settings.

Rules

rules_version = '2';

service firebase.storage {

match /b/{bucket}/o {

match /uploads/{imageId} {

allow write: if request.auth != null && request.resource.size < 1 * 1024 * 1024

&& request.resource.contentType.matches('image/.*');

}

match /uploads/{imageId} {

allow read: if request.auth != null;

}

match /profile/{imageId} {

allow write: if request.auth != null && request.resource.size < 1 * 1024 * 1024

&& request.resource.contentType.matches('image/.*');

}

match /profile/{imageId} {

allow read: if request.auth != null;

}

}

}

Storage
Database configuration settings.

Storage
Database configuration settings.

Realtime Database
Database configuration settings.

Rules

{

"rules": {

".read": "auth.uid != null && auth.provider != 'anonymous'",

".write": "auth.uid != null && auth.provider != 'anonymous'"

}

}

Auth
Database configuration settings.

Auth Google
Database configuration settings.

Auth Git
Database configuration settings.

Billing
Database configuration settings.