The Ultimate Bootstrap & Angular 7 Admin Theme Framework For Next Generation Applications

Mock Back-end


Metronic Angular use a mock back-end for demo purpose. It's called in-memory web api for Angular demos and tests that emulates CRUD operations over a RESTy API.

It intercepts Angular Http and HttpClient requests that would otherwise go to the remote server and redirects them to an in-memory data store that you control.

For more info on the library:

How switching to the Real REST API

You have to disable the mock back-end for the built Angular's Http and HttpClient requests to work normally. Check in the files /src/app/core/_base/metronic/server/fake-api/ and /src/app/core/e-commerce/_server/ which contains all the dummy data for the mock back-end.

When your Real back-end is done, follow the next two steps for switching to the real REST API:

  • 1. Change the configuration line in your /src/environments/environment.ts file:

    export const environment = {
      production: false,
      isMockEnabled: true // You have to set 'true', when your real back-end is done

  • 2. Switch paths to services in /src/app/core/e-commerce/services/index.ts file:

    // export { CustomersService } from './customers.service.fake';
    export { CustomersService } from './customers.service';
    // export { ProductsService } from './products.service.fake';
    export { ProductsService } from './products.service';
    // export { ProductRemarksService } from './product-remarks.service.fake';
    export { ProductRemarksService } from './product-remarks.service';
    // export { ProductSpecificationsService } from './product-specifications.service.fake';
    export { ProductSpecificationsService } from './product-specifications.service';

I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward.
The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes! Jonathan Bartlett, Metronic Customer

Powerful Framework

Everything within Metronic is customizable globally to provide limitless unique styled projects

Multi Demo

Choose a perfect design for your next project among hundreds of demos

Limitless Components

A huge collection of components to power your application with the latest UI/UX trands

Angular 7 Support

Enterprise ready Angular 7 integration with built-in authentication module and many more

Bootstrap 4

Metronic deeply customizes Bootstrap with native look and feel

Exclusive Datatable Plugin

Our super sleek and intuitive Datatable comes packed with all advanced CRUD features

70,000+ Strong

Metronic is the only theme trusted by over 70,000 developers world wide

Continuous Updates

Lifetime updates with new demos and features is guaranteed

Quality Code

Metronic is written with a code structure that all developers will be able to pick up easily and fall in love

The Ultimate Bootstrap Admin Theme Trusted By Over 70,000 Developers World Wide