This is an Angular 7 + Angular Material + Cloud Firestore application.
https://portfolio-90lucasgabriel.firebaseapp.com
Make sure you have Node 6.9.0 or higher, together with NPM 3 or higher installed.
- This project was generated with Angular CLI version 7.1.0:
npm install -g @angular/cli
- Clone this repo:
git clone [email protected]:90lucasgabriel/portfolio.git
- Access directory:
cd portfolio
- Install dependencies:
npm install
- Clone src\environments\environment.example.ts and src\environments\environment.prod.example.ts without "example";
- Access Firebase Console;
- Create a new project;
- View project settings;
- Copy web config;
- Paste config into src\environments\environment.ts and src\environments\environment.prod.ts
- Run the app:
ng serve --open
Head to http://localhost:4200 in your browser and you'll see the app running.
The app will automatically reload if you change any of the source files.
- Send email when a new document is stored on Firestore 'contacts';
- Create a SendGrid account;
- Create a new Templates -> Transactional;
- Paste template:
Name: {{ name }}
Email: {{ email }}
Phone: {{ phone }}
Message: {{ message }}
- Access local functions directory:
cd functions
- Install dependencies:
npm install
- Copy your SendGrid KEY and set into local vars:
firebase functions:config:set sendgrid.key=SG.YOUR_API_KEY
- Change email and Template SendGrid ID index.js;
- Back to root and deploy functions:
cd ..
firebase deploy --only functions
- Generate documentation
npm run compodoc
- Serve documentation
compodoc -s -o