Angular 6 and Material, Database with Firebase & Firestore.

Submitted by: 
Visitors have accessed this post 1875 times.

Angular 6

This app is starter for angular 6 and materialize.
Ademo is online :
After extract the zip on your terminal pres the command $ npm install for install all packages and dependecies.
Run $ ng serve for host the app on your local.
Run $ ng build for deploy the static files or $ ng build --prod for production mode.

The tecnologies used on this app.

For database i used firestore and firebase and if not are familiar please for to Documentation.
The package of firebase for angular is angularfire2.

For using the firebase app please go to  src/environment/environment.ts and  src/environment/ and change this variables value:

  1. export const environment = {
  2. production: false,
  3. firebase: {
  4. apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  5. authDomain: "",
  6. databaseURL: "<a href="",
  7. " rel="nofollow">",
  8. </a> projectId: "projectid",
  9. storageBucket: "xxxxxxxxxxxxxxxxxxxx",
  10. messagingSenderId: "xxxxxxxxxxxxxxx"
  11. }
  12. };

Deploy app to firebase host
Before that you must install the firebase tools client
$ npm install -g firebase-tools
Initialize the firebase.json  $ firebase init
Deploy to your site  $ firebase deploy
For more info go to Host Firebase Documentation

For more info: Repository App

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You may insert videos with [video:URL]
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <th> <img> <h1> <h2> <h3> <iframe> [video]
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <asp>, <c>, <cpp>, <csharp>, <css>, <html4strict>, <java>, <javascript>, <mysql>, <php>, <python>, <sql>, <vb>, <vbnet>. The supported tag styles are: <foo>, [foo].
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.