Home / JavaScript / Egret – Angular 8+ Material Design Admin Template

Egret – Angular 8+ Material Design Admin Template

FlyFreelancer – mission is to change how the world works together. FlyFreelancer connects businesses with freelancers offering digital services in 250+ … more flyfreelancer.com
LIVE PREVIEWBUY FOR $22
FlyFreelancer – mission is to change how the world works together. FlyFreelancer connects businesses with freelancers offering digital services in 250+ … more flyfreelancer.com

Egret - Angular 8+ Material Design Admin Template - 1
Egret - Angular 8+ Material Design Admin Template - 2
Egret - Angular 8+ Material Design Admin Template - 3
Egret - Angular 8+ Material Design Admin Template - 4

Built with Angular Material, Flex Layout, and Angular CLI. No Bootstrap!, No jQuery! A pure Angular admin dashboard!

GitHub repository access.

Egret Admin has a huge collection of responsive and reusable components, which provides you everything to start your next
ERP, CRM or CMS based project. Egret also has a large number of features. Multiple layouts, lazy loading, dynamic breadcrumbs
and page title, model driven dynamic navigation and multi language support are few of them.

It has also got 4 prebuilt themes. And it’s also super easy to create your own theme. You will get detailed instructions
about creating new theme in Egret documentation.

Egret Admin has already got a lot of
excelent customer reviews. Whatever you are, an experienced developer or a beginner in Angular app development, you will understand the Egret’s code and it’s internal structure easily. To help you out Egret has detailed
Online Documetation

Features of Egret Angular Material Admin Dashboard Template

Multiple Layouts: Egret Angular Admin dashboard has multiple layouts to fullfill your specific need.

  • Side Navigation
  • Side Navigation Compact
  • Side Navigation Closed
  • Top Navigation

Full RTL Support: Right to left flow support for all layouts and views.

Multi Language: Egret Angular Material dashboard gives you easiest way to translate your app into multiple languages
using ‘translate’ pipe. It has predefined translation file in JSON format. You need to create new translation file for your language in JSON format.

Full SASS Support: Styles are written in SASS. You can add and import new SASS file easily.

Dynamic Breadcrub: Breadcrumb data is provided through route definition. When you configure your routes, just
add a ‘breadcrumb’ property in ‘data’ object. To make this dynamic based on route parameter, include parameter in double
curly braces like this ‘property’: ‘Order {{orderNo}}’

Model driven navigation: Menu items on horizontal and vertical navigation are not hard coded. So you don’t have
to touch HTML. You just need to modify an object in navigation service to add/edit/delete menu items.

Angular material predefined themes: Egret angular material admin dashboard gives 4 predefined themes.
You can also create your theme only by following few steps. Follow the
steps in Theming section of Egret Documentation.

  • Egret Blue
  • Egret navy
  • Egret Dark pink
  • Egret Dark purple

Angular Lazy Loading: Bootstrapping your app fast is very important for your users. They don’t want to wait long
time to load your entire application. Egret uses Angular lazy loading feature to slice compiled js files to multiple small
files and these files won’t load until they are required by users activity.

User tour: Give your new users instructions by pointing at different elements/components.

Authentication Guard implemented: Just hook up authGourd with your authentication api and return true/false from
canActivate method in auth.guard.ts

Responsive layout: Egret angular material admin template is fully responsive. Navigation and other important components
are automatically adjusted for smaller devices.

Rich Text Editor:Rich text editor gives user advanced editing tools to edit and save text in HTML format without
knowing HTML.

Charts: View your big set of data in graphical representation. Few chart examples are

  • Pie Chart
  • Line Chart
  • Bar Chart
  • Bubble Chart
  • Doughnut Chart
  • Radar Chart
  • etc.

Drag and Drop: This gives user easier way to rearrange and reorganize their data.

Data Table: Data table represents a set of data in clean table format with paging option. User can search and
sort data.

Git Repository: Access Egret Github private repository on purchase and get unlimited free updates. Report issues
and request features, most upvoted features will be added ASAP.

Angular App Examples

Save development time by using apps which are already available in Egret Admin. Build amazing angular apps just by focusing
on backend.

CRUD Tables: Creat, Read, Update and Delete your collection of data in a table format. CRUD table uses inline
popup form to add/edit items in a collection.

Other Apps

  • Inbox
  • Chat
  • Todo
  • Invoice builder
  • Calendar

More features

  • Multiple Breadcrumb styles
  • Notification system
  • Datatable(Full screen, Custom Filter, Paging)
  • Google Maps(Static, polyline, Radius, info window, etc.)
  • File uploads
  • Profile Page
  • Account Settings Page
  • Users Page
  • Gallery Page
  • Plans and Pricings
  • Login Page
  • SignUp page
  • Forgot password
  • Lockscreen page
  • All material components
  • Material Icons
  • Dynamic Page Title
  • Language switch Dropdown
  • Theme switch Dropdown
  • Search Bar
  • And more features are coming soon.

Dependencies:

  • Angular material
  • Flex layout
  • Ngx-datatable
  • Angular calendar
  • Ng2-charts
  • ng2-dragula
  • ng2-file-upload
  • ng2-validation
  • ngx-quill
  • perfect-scrollbar
  • @agm/core

You will find more information about dependencies in documentation

Changelog

  • October 23, 2019

    • Material Theme added
  • June 13, 2019

    • Angular updated to v8
  • April 21, 19

    • Added Invoice builder app
    • Added UI Kits examples with code viewer
    • Added Echart
    • Added new signup and sign in page designs
    • Updated CSS utility classes
    • Improved performance & change detection
    • Packages updated(Angular v7.2.13)
  • March 12, 19

    • Sidebar, header color options added
    • Packages updated(Angular v7.2.8)
  • November 19, 2018

    • Angular updated to v7.0.4
  • October 13, 2018

    • Angular updated to v6.1.10
  • August 8, 2018

    • @angular/flex-layout updated
    • Chat app updated
  • May 21, 2018

    • Angular updated to v6
    • Shop app added
  • February 9, 2018 (Major update)

    • Top navigation layout added
    • RTL support added
    • Breadcrumb styles added
    • Direct DOM manipulation removed
  • December 14, 2017

    • Packages updated
    • Landing page removed
  • November 28, 2017

    • Sidebar toggle issue fixed
  • November 10, 2017

    • Angular updated to 5.0.0
  • October 29, 2017

    • Angular updated to 4.4.5
    • Material design updated to latest version
    • Landing page added
  • September 6, 2017

    • Angular updated to 4.3.6
    • Profile and settings screen added.
  • August 17, 2017

    • Unit tests implemented for components
    • Sidebar auto close issue fixed.
  • August 8, 2017

    • Breadcrumb added
    • Icon type, separator type added in sidenav
    • Customizer added
  • August 2, 2017

    • Dummy authentication implemented
    • Separate view screen added for user tour
  • July 30, 2017

    • “user tour” feature added
    • Translation added
    • Inbox sidebar background color fix (for mobile)
FlyFreelancer – mission is to change how the world works together. FlyFreelancer connects businesses with freelancers offering digital services in 250+ … more flyfreelancer.com

Source

FlyFreelancer – mission is to change how the world works together. FlyFreelancer connects businesses with freelancers offering digital services in 250+ … more flyfreelancer.com

About Rebecca A. Little

Accomplished engineer with extensive experience in full life-cycle product design, development and production. Created consumer products that sold more than 250,000 units. GPS (Global Positioning Systems) expert with 15 years of experience. Over 15 years of experience developing desktop and embedded applications in C/C++.

Check Also

Mediqu – Hospital Admin Dashboard Bootstrap Template

LIVE PREVIEWBUY FOR $5 You will get HTML Files jQuery and JavaScript files CSS And …

One comment

  1. Love watching sunset every night !

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: