This is a Cookiecutter template, I use a lot for projects that use Google Cloud Platform and it has the following features:
This project is based on Angular 11
- Authentication (lazy loading module)
- Login (component)
- Register (component)
- Forgot password request (component)
- Core
- A nav-bar component with side-nav on small screens
- 404 page (empty)
- Shared
- Password validator for Forms
- SnackBar component
- Angular material
- Full support for Firebase (with Angularfire)
Table of Contents
Before you start using the template make sure you have the following:
- Firebase project setup done (example: gollahalli-rex)
- Firebase CLI logged in
- Cookiecutter CLI
- A project name for Angular (example: rex-ui)
- Node JS with NPM and Yarn installed
Install Cookiecutter CLI, do the following and follow the instructions:
> cookiecutter https://github.com/akshaybabloo/angular-firebase-material-template
project_name [Project-name]: rex-ui
firebase_project_name [Firebase-project-name]: gollahalli-rex
make sure you have
-
(hyphen) instead of space for project names, examplehello world
->hollow-world
.
Now cd rex-ui
and do yarn install
.
Copy the firebase configuration settings and paste them in:
<project-name>/src/environments/environment.prod.ts
- this will be your production configuration, lookout forTODO
comment<project-name>/src/environments/environment.ts
- this will be your development configuration, lookout forTODO
comment