Bule| Angular 12 Admin Backend /with Firebase/Material Design

Bule| Angular 12 Admin Backend /with Firebase/Material Design

Cart 21 sales


Setup Video on YouTube

What’s new in version r7

The Angular 12 version of the app is released

Angular 12 Admin Backend

Angular Admin Backend is a creative material design admin template built with Angular 10+ and the Angular-CLI

it offers you everything you need to get started with your next Admin Backend, Admin Backend or dashboard based project.Implemented all data interaction with firebase, as well as authorized login.

This template can be released directly as a production version.

Online Demo

Angular Backend Admin Features

  • Sign In/ Sign Up + Social Login
  • Dashboard page
  • address page(add,edit,delete,query)
  • banner page(add,edit,delete,query)
  • cate page(add,edit,delete,query)
  • cate-relation page(add,edit,delete,query)
  • discount page(add,edit,delete,query)
  • delivery page(add,edit,delete,query)
  • favorite page
  • product page(add,edit,delete,query)
  • lock page
  • log-chart page
  • login-log page
  • not-found page
  • notice page (add,edit,delete,query)
  • order page
  • order-chart page
  • good Items by Categories/Subcategories
  • ows(add,edit,delete,query)
  • pays(add,edit,delete,query)
  • sub-cate(add,edit,delete,query)
  • users
  • Calculate Shipping
  • Order List/Details
  • Favorites
  • Search Items by keywords
  • Multi-language
  • Ng Zorro
  • Style in SCSS
  • NPM Preset Build Script
  • Component Base Design
  • Completely customizable widgets to use in your dashboard
  • Component Base Design
  • Latest Angular version
  • Clean and smooth design
  • Video Upload
  • Image Upload
  • RichTextEditor
  • Multi-language
  • Product photos/video uploads
  • Product content Support images uploads


Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.

Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.

Ant Design of Angular

Following the Ant Design specification, we developed a Angular UI library ng-zorro-antd that contains a set of high quality components and demos for building rich, interactive user interfaces.

An enterprise-class UI design language for web applications.

A set of high-quality Angular components out of the box

Written in TypeScript with complete defined types.

Support OnPush mode, high performance.

Support Customize theme.

Support import Component individually.


Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a plugin for your build system.

Material Design

Create intuitive and beautiful products with Material Design … Material dark theme. Learn how to design a dark theme version of your Material UI.

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.

Reactive Form Validation

Improve overall data quality by validating user input for accuracy and completeness. In a reactive form, the source of truth is the component class. Instead of adding validators through attributes in the template, you add validator functions directly to the form control model in the component class. Angular then calls these functions whenever the value of the control changes.

Free updates & Free support

Once you purchase the license, all future updates added in this app template will be at your disposal for free. Therefore, rest assured that you will not miss any great feature we prepare. As we already mentioned, Fruit App includes great documentation, but in case you are not able to find an answer to your question there, you can always contact our customer support. e-mail:

Version History

Version 9.0.0 (06-1-2022)

- Update:  Backend angular version to last production V12
- Fixed:    more error
- Fixed:   routing bug
- Add:     MORE charts
<p>Version 6.0.1 (11-18-2020)</p>
- Update: Backend angular version to last production V11
- Fixed:   logout bug, getmodel() error
- Fixed:   routing bug
- Add:    gague charts
- Add:    speed charts
- Add:    Gradient chartsbar charts
<p>Version 5.0.1 (11-06-2020)</p>
- Update: Backend angular version to last production V10
- Fixed:  Backend Order Chart display etc
- Fixed:  Backend router error 
- Update: Backend data init page
- Update: Add new Menu style

<p>Version 2.0.1 (01-23-2020)</p>
- Update: Backend angular version to last production
- Fixed:  Backend upload error
- Fixed:  Backend router progress
- Add:    Backend data init page
- Add:    Backend Goods page Support photos upload/video upload
- Add:    Backend product content rich text support image upload
<p>Version 1.0 (06-01-2020)</p>
- Add: Init Release

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey