Customized version of DolphinCMS for the "MyIBD Life" headless website.
Dolphin is Built with Angular 9, Firebase (AngularFire 5), Bootstrap 4+, ngx-bootstrap and Angular Material Design.
Open up your terminal and clone the project:
git clone git@github.com:AmerGastroAssn/my-ibd-life-cms.git
Rename project to whatever you want:
mv my-ibd-life-cms new-project-name
Change/Move into project directory:
cd new-project-name
Delete Git Files:
rm -rf ~/.git
Reinstall Git:
git init
Install dependencies:
npm install
From the root of the project run:
mkdir src/environments && touch src/environments/environment.prod.ts && touch src/environments/environment.ts
The above command creates files in:
/src/environments/environment.prod.ts
and /src/environments/environment.ts
Add your firebase web-app variables to those files:
It should be something like this (with your own values):
export const environment = {
production: false, // false for regular folder, true for .prod folder
firebase: {
apiKey: 'key',
authDomain: 'app-name.firebaseapp.com',
databaseURL: 'https://app-name.firebaseio.com',
projectId: 'app-name',
storageBucket: 'app-name.appspot.com',
messagingSenderId: 'senderIDNumber'
}
};
Change Logos in:
logo-watermark.component.ts
sidenav-component.ts
Setup/install Firebase Function dependencies
Install the Firebase command line tools. It will walk you through a handful of questions. (Follow instructions and/or search youtube for more info to do that):
npm install -g firebase-tools
Change directory into Firebase functions to install those dependencies:
cd functions
Install Firebase Functions dependencies:
npm install
Back out to main working directory:
cd ..
Start Angular Server:
ng serve
Open browser to http://localhost:4200