A full stack starter app containing Angular 4, Material and Firebase.

First clone this repo: git clone https://github.com/jeroenouw/Angular4MaterialDesign.git.
Change directory to this project
Run npm install to install all the dependencies.
Run npm start or ng serve to run this project.
Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

To build the project run npm run dist.

For own projects please use different keys in app.component.ts:
firebase.initializeApp({
// For other projects use different keys
apiKey: '[YOUR_KEY]',
authDomain: '[YOUR_KEY]',
databaseURL: '[YOUR_KEY]',
projectId: '[YOUR_KEY]',
storageBucket: '[YOUR_KEY]',
messagingSenderId: '[YOUR_KEY]'
});
Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

• Angular 4 front-end with Material Design
• Firebase back-end (0Auth authentication and NoSQL database)
• Home page
• About page
• Contact page
• Misc page
• 404 page
• Save email (keep in touch)
• Authentication (Email, Google, Twitter, Facebook, Github and Anonymous)
• Verification email after signup
• Auth Guard
• Profile
• Profile image animation
• Profile settings
• Password reset
• Messaging system
• Alerts
• 360 view
• Multiple pipes
• Carousel
• Translatations
• Tests
• Back to top button
• Loading spinner and progress bar

• Animations (@angular/platform-browser/animations)
• ng-template
• ngIf else
• Titlecase pipe

• MD Datepicker
• MD Input
• MD Slide toggle
• MD Menu
• MD Sidenav
• MD Toolbar
• MD Card
• MD Tabs
• MD Buttons
• MD Icon
• MD Progress spinner
• MD Progress bar
• MD Dialog
• MD Tooltip
• MD Snackbar

• Make every component responsive

• Cellphone authentication
• Optimizing alerts
• Google, Facebook, Twitter & Github signin/signup
• Error messages: Email already exists, login failed, registration failed

• Contact form send

• Dialog component
• File uploading
• Change settings
• Messaging layout and functionality

• Unit
• e2e

• i18n translations
• Internal server error 500
• 360 view only working on localhost