Admin Panel in Angular 8 with NodeJS and MongoDB

Admin Panel in Angular 8 with NodeJS and MongoDB

Cart 72 sales

This is a basic ecommerce admin panel made in Angular 8 , NodeJS and MongoDB. Purpose of this application is to get started with basic readymade platform which can be extended as per the need for full ecommerce based admin panel. We can extend this or take as a reference to this application and integrate in existing application.Auth gurds are used for authentication and authorization with JWT token so security measures are added in that.

This project has 2 folder backend && frontend. We have used PM2 as a process manager for NodeJS to handle the crash as well as load. To run the project in dev mode nodemon is used.For the production run we have to make some modification to ecosystem.config.js to handle the environment variables for PM2.

Demo URL: Angular 8 Admin Panel


Please do not forget to give your ratings :


  • Angular CLI 8
  • NodeJS 10.15.0
  • NPM 6.8.0
  • MongoDB
  • PM2
  • Role and Capabilities Management
  • Authentication token based access
  • Authorization based function access
  • Client side validation
  • multi image upload in products
  • Nested dropdowns in category
  • Email templates ready to use
  • Static pages ready to use
  • Bootstrap 4 based components
  • PM2 based load balancing and process mangement

angular 8 admin template

 ├──app/                           * source files
 |   ├──admin/                     * source files for admin api
 │       ├──controllers/           * controllers source files for admin api
 |       ├──services/              * service files for admin api
 |       ├──_apidoc.js             * common api doc variable used in admin api documentation
 |       ├──apidoc.json            * api doc configuration for admin api documentation
 |       ├──              * api doc header file for admin api documentation
 |       ├──routes.js              * routes configuration for admin api
 |   ├──models/                    * contains the mongoose model files
 |   ├──public/                    * static assets are served from here
 |   ├──seed/                      * scripts to prefilled some of module data
 |   ├──services/                  * source files for common functionality
 |   ├──utils/                     * source files for common functionality
 |   ├──routes.js                  * application routes configuration
 ├──config/                        * application configuration files
 │   ├──default.js                 * default config for common configuration
 │   ├──development.js             * config for devevlopment environment
 |   ├──production.js              * config for production environment
 ├──tasks/                         * gulp tasks source files
 ├──.eslintrc.json                 * javascript lint config
 ├──.gitignore                     * gitignore configuration
 ├──gulpfile.js                    * gulp task configuration file
 ├──index.js                       * Index.html: where we start express server
 ├──nodemon.json                   * nodemon configuration file
 ├──package.json                   * what npm uses to manage it's dependencies


Tell us what you think!

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

Sure, take me to the survey