ngLaravel – CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile

ngLaravel – CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile Created by yeptemplate. This templates have specific characteristics, namely: ngLaravel has features such as High Resolution: Yes, Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome, Edge, Software Version: PHP 5.5, PHP 5.6, MySQL 5.x .

You can use this ngLaravel – CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile on Php scripts category for admin, angular, AngularJS, crud, ionic, json, jwt, laravel, mobile, permission, rest, restful, role, template, user management and another uses.

ngLaravel - CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile
© Copyright by yeptemplate


  • None: None
  • Laravel: Laravel
  • Php 5.5, php 5.6, mysql 5.x: PHP 5.5, PHP 5.6, MySQL 5.x
  • Ie10, ie11, firefox, safari, opera, chrome, edge: IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • Javascript js, javascript json, html, css, php, less: JavaScript JS, JavaScript JSON, HTML, CSS, PHP, LESS
  • Yes: Yes

ngLaravel Overview

Yep ngLaravel included CRUD (Create, read, update and delete) Based on REST API (Laravel 5.1.x) with AngularJS. With this script you can create a secure Single Web Application easily. ngLaravel secure in both Back-End(Laravel) and Front-End(AngularJS) based on JWT . Also you can use back-end(Laravel) code as server in mobile application.

JWT are a standard since the information they carry is transmitted via JSON. JSON Web Tokens work across different programming languages and JWTs are self-contained and can be passed around easily.

In this script you can define custom permission and then associate it to role and finally assign role to user. You can define access to specific route (both AngularJS and Laravel API) by permission. When a user logon, a token is generated for him. This token include all user permissions and his profile. With included permissions in token you can show or hide some sections in your view(HTML).

Also you can use a drag and drop ajax uploader to upload pictures and anything.

We added Task module as sample. You can customize for any modual like product, article and etc.


PHP >= 5.5.9

  • OpenSSL PHP Extension
  • PDO PHP Extension
  • Mbstring PHP Extension
  • Tokenizer PHP Extension
  • Composer latest version

ngLaravel Features

  • Laravel 5.1.x Base Framework
  • AngularJS 1.4.8
  • Additional Bootstrap Admin Template with 50+ plugins (Yep Golabi Admin)
  • Single Web Application
  • Login / Register with confirm email Address
  • Reset password
  • User profile
  • Web wizard nglaravel installer
  • Add/edit/delete/read/search/paging users
  • Add/edit/delete/read/search/paging roles
  • Add/read/search/paging permissions (disable delete & edit actions because of change in the program logic)
  • Add/edit/delete/read/search/paging Task
  • Add/edit/delete/read task category
  • Ajax upload/delete avatar
  • Ajax multi uploader/delete image
  • Unified access permission both in back-end and front-end
  • Access control to Laravel Back-End API by user permission
  • Define access for any ui-route state by user permission
  • Define access for any sections of html view by user permission with speacial directives
  • Generate breadcrumb from ui-router
  • Load CSS & JS Library as on-demand (LazyLoad)
  • Base on Restangular & UI-Router & oclazyLoad
  • Base on bootstrap 3.x
  • Responsive Design (mobile, table, desktop)
  • Well Documention with video resource


Golabi Admin –Additional Bootstrap Admin Template Overview

Golabi Admin template is a web template based on Bootstrap. All components included in this dashboard template has been developed to bring all the potential of HTML5 and Bootstrap and set of new features (JS and CSS) ideal for your next dashboard admin theme or admin web app project.

It is bundled with a lot of third party plugins and useable elements such as buttons, thumbnails, media objects and much more and it was developed for all type of web applications like custom admin panel, admin dashboard, application backend, CMS, CRM, business website, corporate, portfolio, blog etc. 

Golabi Admin Feature

  • Built on latest jQuery 1.11.2
  • Responsive layout (desktops, tablets, mobile devices)
  • RTL version
  • HTML version
  • AngularJS version
  • Built with new Bootstrap 3.3.x
  • Flat UI with clean style
  • SASS & LESS files included
  • Boxed View, Fluid view
  • Fixed-View (Include fixed-header, fix-footer, fix-sidebar)
  • Top-menu layout 
  • Multiple sidebars (offcanvas)
  • Tab Sidebar with on-demand search
  • Animations CSS3
  • Web documention
  • Various and responsive styles of tables and Datatables
  • Notifiction inside of tab
  • Multiple skin
  • Draggable panels
  • Small chat
  • Sidebar dragable task widget
  • Sidebar contact with search
  • Sidebar minify mode
  • Fullscreen view option
  • Dashboard design style
  • Typography
  • Tab & Accordian custom view
  • jsTree view
  • jQuery UI theme
  • Nestable list
  • Dual list
  • Image crop
  • 4th level sidebar menu
  • 3 different charts libraries
  • Form validation
  • Form wizard validation
  • Form plugin (Include icon-picker, color-picker, date/time-picker, mask, x-editable,…)
  • Multiple powerful editor
  • Dropzone file upload
  • Multiple ajax file uploader
  • Vector map
  • Google map API
  • Mailbox (Include compose, mail list , mail view)
  • Gallery view
  • Calendar view (Add and remove event)
  • Timeline view
  • User Profile view
  • Login and register view
  • 2-Step verification
  • Search page
  • Error page (400, 500 error page)
  • And many more …

 ngLaravel – IONIC Client Mobile App  

Ionic is a front-end SDK for building cross-platform mobile apps. Built on top of Angular, Ionic also provides a platform for integrating services like push notifications and analytics.Ionic is not an alternative option to Cordova, but instead a UI library to make a better Cordova project. Ionic can be compared to a framework like Bootstrap or Foundation but this time for Mobile and not Web.

IONIC Client App security like ngLaravel web app is based on JSON Web Token (JWT) and you can use same group permission for access control in mobile app. Also in this mobile app you can connect to hardware mobile device to get data as naturally.

Click here to download IONIC Mobile Client App (.apk) android version
password: 123456

Ionic Mobile Client App Feature:

  • Access control permission based on Laravel back-end API
  • CRUD action based on Laravel back-end API
  • CRUD SQLite DB on Android Device
  • Take Picture By Mobile Camera 
  • Barcode Scanner
  • Mobile device vibration
  • Get device info
  • Send SMS
  • Add Contact and connect to mobile contacts
  • Local push notification
  • Multi image uploader
  • Multi select auto complete
  • And more…

 In Progress 

  • User Registration (Now Available)
  • Add user profile and Laravel back-end web installer (Now Available)
  • Add Ionic Mobile App to work with ngLaravel(Now Available)
  • Multi-Language & change direction for RTL langauage (Now Available)
  • Export CSV & XLS (Now Available)
  • Import CSV & XLS (Now Available)

Change Log

ngLaravel 1.7.1 (2016-09-25)    - Add user registration    - Fix active & deactive user issue
ngLaravel v1.6.1 (2016-09-13)    - Add user profile     - Add setup wizard for ngLaravel back-end    - Fix LTR and RTL issue in safari
ngLaravel v1.5.2 (2016-08-09)    - Fix namespace issues in linux server (Doesn't login in linux server)
ngLaravel v1.5.1    - Add IONIC Client version of ngLaravel - ionic v1.3    - Add Fallback image source directive    - Fix Access-Control-Allow-Origin in laravel-backend 
ngLaravel v1.3.6    - Fix search in user list issue    - Fix search & per page toggle issue 
ngLaravel v1.3.4    - Add multi language feature with change direction for RTL languages    - Add and imporove notification      - Add dynamic load angular-local    - Add modular partial loading language file by module
ngLaravel v1.2.3    - Add cacheFactory    - Add Import wizard from XLS & CSV file    - Add export XLS & CSV & PDF    - Improve load page speed with cache method    - Fix Task delete issue as promis    - Fix user password in edit mode
 Version v1.1.3    - Add preloader in login page    - Add preloader in stateChange    - Add Demo version restriction     - Add load data before opening page    - Improve documention and add video tutorial    - Fix Task edit issue    - Fix user list preview issues        - Fix edit image gallery with multi uploader     
 Version 1.0      - Initial release