Add an admin panel to any of your applications

Aug 8, 2015 08:48 GMT  ·  By

The fragmentation of coding tools is seriously impacting the efficiency and speed with which developers can put together and finish Web projects.

Because projects are sometimes written in PHP, other times in Node.js, Ruby, Java, or some other programming language, developers usually need to have an arsenal of tools ready for each environment their clients need them to work in.

Since almost every client wants a backend for their applications, an admin panel from where they can view and control their data, developers need to either craft one on their own or deploy an open-source or commercial solution written for that peculiar programming language.

Enter ng-admin, the AngularJS admin panel generator

Developers at Marmelab have created one such tool that, instead of being tied down to the project's main programming language, works via JavaScript, and more specifically, via Google's AngularJS MVC JavaScript framework.

This tool basically creates a GUI for any application that comes with a RESTful API, regardless of the underlying application's code.

ng-admin, as it's named, generates a Bootstrap-powered admin panel, from where developers can perform basic CRUD (create, read, update, delete) operations on the application's data via its RESTful API.

This tool works with public and private APIs, uses a simple configuration file, and comes with its own built-in Node.js-powered Web server for testing.

ng-admin is entirely language-agnostic

Its versatility can be attributed to Restangular, a JavaScript API interfacing library, which allows ng-admin to work with REST APIs written in Ruby, PHP, Java, Scala, Node.js, Python, and ASP.NET.

There's an online demo if you want to see a sample ng-admin GUI, and check out the types of widgets and fields it can work with.

ng-admin uses Bootstrap for the UI
ng-admin uses Bootstrap for the UI

ng-admin, the admin panel generator (6 Images)

ng-admin can generate admin panels for RESTful APIs
ng-admin uses Bootstrap for the UIVarious field types can be edited
+3more