{"id":18428959,"url":"https://github.com/akshaybabloo/angular-firebase-material-template","last_synced_at":"2026-04-18T17:33:13.269Z","repository":{"id":37833061,"uuid":"350157973","full_name":"akshaybabloo/angular-firebase-material-template","owner":"akshaybabloo","description":"Angular with Firebase and Material component template","archived":false,"fork":false,"pushed_at":"2023-01-19T01:08:40.000Z","size":1322,"stargazers_count":1,"open_issues_count":28,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-09T15:03:41.610Z","etag":null,"topics":["angular","cookiecutter","firebase","template"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akshaybabloo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-22T00:34:13.000Z","updated_at":"2024-06-22T11:27:45.000Z","dependencies_parsed_at":"2023-02-10T19:31:14.594Z","dependency_job_id":null,"html_url":"https://github.com/akshaybabloo/angular-firebase-material-template","commit_stats":null,"previous_names":[],"tags_count":4,"template":true,"template_full_name":null,"purl":"pkg:github/akshaybabloo/angular-firebase-material-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshaybabloo%2Fangular-firebase-material-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshaybabloo%2Fangular-firebase-material-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshaybabloo%2Fangular-firebase-material-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshaybabloo%2Fangular-firebase-material-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akshaybabloo","download_url":"https://codeload.github.com/akshaybabloo/angular-firebase-material-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshaybabloo%2Fangular-firebase-material-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31977969,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T17:30:12.329Z","status":"ssl_error","status_checked_at":"2026-04-18T17:29:59.069Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","cookiecutter","firebase","template"],"created_at":"2024-11-06T05:15:06.459Z","updated_at":"2026-04-18T17:33:13.254Z","avatar_url":"https://github.com/akshaybabloo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular template with Firebase and Material Component\n\nThis is a [Cookiecutter](https://github.com/cookiecutter/cookiecutter) template, I use a lot for projects that use [Google Cloud Platform](https://cloud.google.com/) and it has the following features:\n\n\u003e This project is based on Angular 11\n\n1. Authentication (lazy loading module)\n   1. Login (component)\n   2. Register (component)\n   3. Forgot password request (component)\n2. Core\n   1. A nav-bar component with side-nav on small screens\n   2. 404 page (empty)\n3. Shared\n   1. Password validator for Forms\n   2. SnackBar component\n4. Angular material\n5. Full support for Firebase (with Angularfire)\n\n**Table of Contents**\n\n- [Requirements](#requirements)\n- [Usage](#usage)\n- [Adding Firebase Configuration](#adding-firebase-configuration)\n\n## Requirements\n\nBefore you start using the template make sure you have the following:\n\n1. Firebase project setup done (example: gollahalli-rex)\n2. Firebase CLI logged in\n3. Cookiecutter CLI\n4. A project name for Angular (example: rex-ui)\n5. Node JS with NPM and Yarn installed\n\n## Usage\n\nInstall Cookiecutter CLI, do the following and follow the instructions:\n\n```\n\u003e cookiecutter https://github.com/akshaybabloo/angular-firebase-material-template\nproject_name [Project-name]: rex-ui\nfirebase_project_name [Firebase-project-name]: gollahalli-rex\n```\n\n\u003e make sure you have `-` (hyphen) instead of space for project names, example `hello world` -\u003e `hollow-world`.\n\nNow `cd rex-ui` and do `yarn install`.\n\n## Adding Firebase Configuration\n\nCopy the firebase configuration settings and paste them in:\n\n1. `\u003cproject-name\u003e/src/environments/environment.prod.ts` - this will be your production configuration, lookout for `TODO` comment\n2. `\u003cproject-name\u003e/src/environments/environment.ts` - this will be your development configuration, lookout for `TODO` comment\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshaybabloo%2Fangular-firebase-material-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakshaybabloo%2Fangular-firebase-material-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshaybabloo%2Fangular-firebase-material-template/lists"}