Angular admin interface template, with the repository described as an online store admin
AngularAdmin dashboard
estore-admin-project — Angular Admin dashboard Template
By samicheal
An Angular-based online store admin template that uses the Argon Dashboard interface structure and sample pages, suitable as a starting point for an e-commerce admin interface.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided previewTop of page
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Includes sample pages such as dashboard, icons, user profile, tables, maps, login, and registration
Divided into admin-layout and auth-layout for management and authentication layouts
Navigation consists of navbar, sidebar, and footer components, with routing files centrally managed
Styles are organized using SASS, including directories such as core, custom, and angular-differences
Chart data is centrally defined in src/app/variables/charts.ts
Template Details
This template is an online store admin interface template written in Angular, with the repository described as "an angular online-store admin template." According to the README, it is actually based on Creative Tim's Argon Dashboard Angular, providing common page skeletons and component examples for an admin dashboard.
The template includes sample pages such as dashboard, icons, user profile, tables, maps, login, and registration, and is divided into two layouts: admin-layout and auth-layout, which respectively host post-login management pages and authentication pages such as login/registration. The navigation structure consists of three components: navbar, sidebar, and footer, with page routing centralized in app.routing.ts and the routing files of each layout.
Styles are organized using SASS, with src/assets/scss divided into directories such as angular-differences, core, and custom, and an argon.scss entry point, allowing color schemes to be adjusted by modifying variables. Chart data is centrally defined in src/app/variables/charts.ts.
It should be noted that the README and preview images in the repository come from the Argon Dashboard Angular project, and the template itself is not described in the materials as having been specifically modified for e-commerce business (such as products, orders, or inventory). Therefore, it is more suitable as a general admin interface starting point rather than an out-of-the-box e-commerce business system.
Angularadmin
Is it right for your project?
Use Cases
- Building dashboard and data table page prototypes for an e-commerce admin
- Preparing authentication page layouts such as login and registration for the admin side
- Reusing admin navigation components such as sidebar, navbar, and footer in an Angular project
- Using as a general admin interface starting point, then adding modules such as products and orders according to business needs
Suitable For
- Frontend projects using Angular to develop admin interfaces
- Developers who need ready-made dashboard and table page skeletons
- Teams that want to adjust admin color schemes based on SASS variables
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README's quick start points to the download and clone addresses for Argon Dashboard Angular; the template repository itself does not provide independent installation instructions
- 2
The repository README and preview images come from Argon Dashboard Angular; the actual content is subject to the repository code
- 3
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
- 4
The code uses the MIT license; when distributing, the copyright notice and license statement must be retained
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The code is released under the MIT license and may be freely used, modified, and distributed, but the copyright notice and license notice must be retained.
- Creative Tim's copyright attribution notice must be retained when using and distributing.
- The README directs users to the Creative Tim product page for downloads, which may include paid or value-added products; the free scope is the repository code under the MIT license.
- Creative Tim also has paid premium products that are not part of this free MIT template; users must distinguish them before use.
- Promotional and affiliate links in the README are external commercial services and are unrelated to the template code license.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-angular/blob/master/LICENSE.md)
Original README
Copyright 2018 Creative Tim (https://www.creative-tim.com/?ref=ada-github-readme)
Original README
- [Download from Creative Tim](https://www.creative-tim.com/product/argon-dashboard-angular?ref=ada-github-readme).
Original README
- [Premium Products](https://www.creative-tim.com/bootstrap-themes/premium?ref=ada-github-readme) from Creative Tim
Original README
https://github.com/samicheal/estore-admin-project/blob/master/LICENSE.mdhttps://github.com/samicheal/estore-admin-project/blob/master/README.md- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=ada-github-readme) (earn money)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Less documented · 53 / 100
- Technologies
- Angular
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-06-03
- Screenshot last checked
- 2026-10-03
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies Angular as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: efd4353b97992886e58ae9150dca1f8e6ca4e7d6fc739d6b49878f91aa48db7d
2026-10-03T06:41:43.084Z
Source file / repository# [Argon Dashboard Angular](https://demos.creative-tim.com/argon-dashboard-angular/?ref=ada-github-readme) [](https://twitter.com/home?status=Argon%20Dashboard%20is%20a%20Free%20Bootstrap%20and%20Angular%20Dashboard%20made%20using%20angular-cli%20%E2%9D%A4%EF%B8%8F%0Ahttps%3A//demos.creative-tim.com/argon-dashboard-angular%20%23angular%20%23angular-cli%20%23argon%20%23argondesign%20%23angulardashboard%20%23argonangular%20%23angulardesign%20%23bootstrap%20%23design%20%23uikit%20%23freebie%20%20via%20%40CreativeTim)   [](https://github.com/creativetimofficial/argon-dashboard-angular/issues?q=is%3Aopen+is%3Aissue) [](https://github.com/creativetimofficial/argon-dashboard-angular/issues?q=is%3Aissue+is%3Aclosed) [](https://gitter.im/creative-tim-general/Lobby) [](https://discord.gg/E4aHAQy)  **Fully Coded Components** Argon Dashboard Angular is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. **Complex Documentation** Each element is well presented in a very complex documentation. You can read more about the idea behind this [dashboard here](https://demos.creative-tim.com/argon-dashboard-angular/documentation/tutorial?ref=ada-github-readme). You can check the [components here](https://demos.creative-tim.com/argon-dashboard-angular/documentation/alerts?ref=ada-github-readme) and the [foundation here](https://demos.creative-tim.com/argon-dashboard-angular/documentation/colors?ref=ada-github-readme). **Example Pages** If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. ## Table of Contents * [Versions](#versions) * [Demo](#demo) * [Quick Start](#quick-start) * [Documentation](#documentation) * [File Structure](#file-structure) * [Browser Support](#browser-support) * [Resources](#resources) * [Reporting Issues](#reporting-issues) * [Licensing](#licensing) * [Useful Links](#useful-links) ## Versions [<img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/html-logo.jpg?raw=true" width="60" height="60" />](https://www.creative-tim.com/product/argon-dashboard)[<img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/react-logo.jpg?raw=true" width="60" height="60" />](https://www.creative-tim.com/product/argon-dashboard-react)[<img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/angular-logo.jpg?raw=true" width="60" height="60" />](https://www.creative-tim.com/product/argon-dashboard-angular)[<img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/nodejs-logo.jpg?raw=true" width="60" height="60" />](https://www.creative-tim.com/product/argon-dashboard-nodejs)[<img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/laravel_logo.png" width="60" height="60" style="background:white"/>](https://www.creative-tim.com/product/argon-dashboard-laravel)[<img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/sketch-logo.jpg" width="60" height="60" />](https://github.com/creativetimofficial/argon-dashboard/tree/sketch) | HTML | React | Angular | | --- | --- | --- | | [](https://www.creative-tim.com/product/argon-dashboard?ref=ada-github-readme) | [](https://www.creative-tim.com/product/argon-dashboard-react?ref=ada-github-readme) | [](https://www.creative-tim.com/product/argon-dashboard-angular?ref=ada-github-readme) | NodeJS | Laravel | | --- | --- | | [](https://www.creative-tim.com/product/argon-dashboard-nodejs?ref=ada-github-readme) | [](https://www.creative-tim.com/product/argon-dashboard-laravel?ref=ada-github-readme) | ## Demo | Dashboard Page | Icons Page | User Profile Page | Tables Page | Login Page | Register Page | | --- | --- | --- | --- | --- | --- | | [](https://demos.creative-tim.com/argon-dashboard-angular/dashboard?ref=ada-github-readme) | [](https://demos.creative-tim.com/argon-dashboard-angular/icons?ref=ada-github-readme) | [](https://demos.creative-tim.com/argon-dashboard-angular/user?ref=ada-github-readme) | [](https://demos.creative-tim.com/argon-dashboard-angular/tables?ref=ada-github-readme) | [](https://demos.creative-tim.com/argon-dashboard-angular/login?ref=ada-github-readme) | [](https://demos.creative-tim.com/argon-dashboard-angular/register?ref=ada-github-readme) [View More](https://demos.creative-tim.com/argon-dashboard-angular/dashboard) ## Quick start - [Download from Github](https://github.com/creativetimofficial/argon-dashboard-angular/archive/master.zip). - [Download from Creative Tim](https://www.creative-tim.com/product/argon-dashboard-angular?ref=ada-github-readme). - Clone the repo: `git clone https://github.com/creativetimofficial/argon-dashboard-angular.git`. ## Documentation The documentation for the Argon Dashboard Angular is hosted at our [website](https://demos.creative-tim.com/argon-dashboard-angular/documentation/tutorial?ref=ada-github-readme). ## File Structure Within the download you'll find the following directories and files: ``` argon-dashboard-angular ├── CHANGELOG.md ├── README.md ├── angular.json ├── e2e ├── package.json ├── src │ ├── app │ │ ├── app.component.html │ │ ├── app.component.scss │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ ├── app.module.ts │ │ ├── app.routing.ts │ │ ├── components │ │ │ ├── components.module.spec.ts │ │ │ ├── components.module.ts │ │ │ ├── footer │ │ │ │ ├── footer.component.html │ │ │ │ ├── footer.component.scss │ │ │ │ ├── footer.component.spec.ts │ │ │ │ └── footer.component.ts │ │ │ ├── navbar │ │ │ │ ├── navbar.component.html │ │ │ │ ├── navbar.component.scss │ │ │ │ ├── navbar.component.spec.ts │ │ │ │ └── navbar.component.ts │ │ │ └── sidebar │ │ │ ├── sidebar.component.html │ │ │ ├── sidebar.component.scss │ │ │ ├── sidebar.component.spec.ts │ │ │ └── sidebar.component.ts │ │ ├── layouts │ │ │ ├── admin-layout │ │ │ │ ├── admin-layout.component.html │ │ │ │ ├── admin-layout.component.scss │ │ │ │ ├── admin-layout.component.spec.ts │ │ │ │ ├── admin-layout.component.ts │ │ │ │ ├── admin-layout.module.ts │ │ │ │ └── admin-layout.routing.ts │ │ │ └── auth-layout │ │ │ ├── auth-layout.component.html │ │ │ ├── auth-layout.component.scss │ │ │ ├── auth-layout.component.spec.ts │ │ │ ├── auth-layout.component.ts │ │ │ ├── auth-layout.module.ts │ │ │ └── auth-layout.routing.ts │ │ ├── pages │ │ │ ├── dashboard │ │ │ │ ├── dashboard.component.html │ │ │ │ ├── dashboard.component.scss │ │ │ │ ├── dashboard.component.spec.ts │ │ │ │ └── dashboard.component.ts │ │ │ ├── icons │ │ │ │ ├── icons.component.html │ │ │ │ ├── icons.component.scss │ │ │ │ ├── icons.component.spec.ts │ │ │ │ └── icons.component.ts │ │ │ ├── login │ │ │ │ ├── login.component.html │ │ │ │ ├── login.component.scss │ │ │ │ ├── login.component.spec.ts │ │ │ │ └── login.component.ts │ │ │ ├── maps │ │ │ │ ├── maps.component.html │ │ │ │ ├── maps.component.scss │ │ │ │ ├── maps.component.spec.ts │ │ │ │ └── maps.component.ts │ │ │ ├── register │ │ │ │ ├── register.component.html │ │ │ │ ├── register.component.scss │ │ │ │ ├── register.component.spec.ts │ │ │ │ └── register.component.ts │ │ │ ├── tables │ │ │ │ ├── tables.component.html │ │ │ │ ├── tables.component.scss │ │ │ │ ├── tables.component.spec.ts │ │ │ │ └── tables.component.ts │ │ │ └── user-profile │ │ │ ├── user-profile.component.html │ │ │ ├── user-profile.component.scss │ │ │ ├── user-profile.component.spec.ts │ │ │ └── user-profile.component.ts │ │ └── variables │ │ └── charts.ts │ ├── assets │ │ ├── fonts │ │ ├── img │ │ ├── scss │ │ │ ├── angular-differences │ │ │ ├── argon.scss │ │ │ ├── core │ │ │ └── custom │ │ └── vendor │ ├── browserslist │ ├── environments │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.scss │ ├── test.ts │ ├── tsconfig.app.json │ ├── tsconfig.spec.json │ └── tslint.json ├── tsconfig.json └── tslint.json ``` ## Browser Support At present, we officially aim to support the last two versions of the following browsers: <img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/chrome-logo.png?raw=true" width="64" height="64"> <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png" width="64" height="64"> <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png" width="64" height="64"> <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png" width="64" height="64"> <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png" width="64" height="64"> ## Resources - Demo: <https://demos.creative-tim.com/argon-dashboard-angular/dashboard?ref=ada-github-readme> - Download Page: <https://www.creative-tim.com/product/argon-dashboard-angular?ref=ada-github-readme> - Documentation: <https://demos.creative-tim.com/argon-dashboard-angular/documentation/tutorial?ref=ada-github-readme> - License Agreement: <https://www.creative-tim.com/license?ref=ada-github-readme> - Support: <https://www.creative-tim.com/contact-us?ref=ada-github-readme> - Issues: [Github Issues Page](https://github.com/creativetimofficial/argon-dashboard-angular/issues?ref=ada-github-readme) ## Reporting Issues We use GitHub Issues as the official bug tracker for the Material Kit. Here are some advices for our users that want to report an issue: 1. Make sure that you are using the latest version of the Material Kit. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/?ref=ada-github-readme). 2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. 3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. ## Licensing - Copyright 2018 Creative Tim (https://www.creative-tim.com/?ref=ada-github-readme) - Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-angular/blob/master/LICENSE.md) ## Useful Links - [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w?ref=creativetim) - [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=ada-github-readme) (earn money) - [Blog Creative Tim](http://blog.creative-tim.com/?ref=ada-github-readme) - [Free Products](https://www.creative-tim.com/bootstrap-themes/free?ref=ada-github-readme) from Creative Tim - [Premium Products](https://www.creative-tim.com/bootstrap-themes/premium?ref=ada-github-readme) from Creative Tim - [React Products](https://www.creative-tim.com/bootstrap-themes/react-themes?ref=ada-github-readme) from Creative Tim - [Angular Products](https://www.creative-tim.com/bootstrap-themes/angular-themes?ref=ada-github-readme) from Creative Tim - [VueJS Products](https://www.creative-tim.com/bootstrap-themes/vuejs-themes?ref=ada-github-readme) from Creative Tim - [More products](https://www.creative-tim.com/bootstrap-themes?ref=ada-github-readme) from Creative Tim - Check our Bundles [here](https://www.creative-tim.com/bundles?ref=ada-github-readme) ### Social Media Twitter: <https://twitter.com/CreativeTim?ref=creativetim> Facebook: <https://www.facebook.com/CreativeTim?ref=creativetim> Dribbble: <https://dribbble.com/creativetim?ref=creativetim> Instagram: <https://www.instagram.com/CreativeTimOfficial?ref=creativetim>
Explore similar templates
Compare previews and descriptions within the same stack and category.
ngx-admin
ngx-admin is an Angular admin dashboard template maintained by Akveo, built on the Nebular component library and released under the MIT license.
Angular · Admin dashboard
material-angular-dashboard
A dark-themed Angular admin template following Google Material Design, with dashboard pages, D3/NVD3 charts, ag-Grid tables, and a Sass/BEM theme. Released under the MIT license, it offers starter-kit, feature/backend, and feature/serverless branches.
Angular · Admin dashboard
ng-devui-admin
A customizable mid-to-back-office admin template built with Angular and DevUI, featuring configurable layouts, multi-theme switching, internationalization, and local mock data debugging.
Angular · Admin dashboard
angular-material-template
A responsive Angular Material admin template with authentication, sidebar dashboard, account area, role guards, JWT interceptor, and lazy-loaded modules, under the MIT license.
Angular · Admin dashboard
lightning-admin-angular
A mobile-first responsive admin template built with Angular and Bootstrap, offering data interface layouts such as dashboards.
Angular · Admin dashboard
StarAdmin-Free-Angular-Admin-Template
A free admin template based on Angular 7 and Bootstrap 4, maintained by BootstrapDash.
Angular · Admin dashboard