Ng Admin

screenshot of Ng Admin
angular
scss

Add an AngularJS admin GUI to any RESTful API

Overview:

ng-admin is a complete administration interface that can be plugged into a RESTFul API. It provides various features such as datagrid, filters, complex form widgets, multi-model relationships, and dashboard. The tool allows users to build sophisticated GUIs without any hassle. However, it is worth noting that the project is now in maintenance mode, with the development efforts focused on the React.js version called react-admin.

Features:

  • Plug-in integration with RESTFul API
  • Datagrid for data display
  • Filters to refine data
  • Complex form widgets
  • Multi-model relationships support
  • Dashboard for data visualization
  • Easy creation of sophisticated GUIs

Using a Module Bundler:

If you are using a module bundler like Webpack, you can easily include ng-admin by adding the following line to your configuration:

require('ng-admin');

To handle HTML templates, you may need to configure your module bundler to use the HTML loader. For Webpack, you can do this by adding the following line:

require('html-loader');

If your module bundler supports SASS or CSS, you can include stylesheets using:

require('ng-admin-theme');

Additionally, using a module bundler allows you to generate source maps for JavaScript and stylesheets, aiding in bug hunting.

Without a Module Bundler:

If you do not have a module bundler, you can still include ng-admin using a <script> tag. You will need to add the ng-admin.min.css and ng-admin.min.js files to your HTML. Additionally, you need to add a <div> with the attribute ui-view="ng-admin" to bootstrap your admin.

Summary:

ng-admin is a powerful administration interface tool that can be easily plugged into a RESTFul API. It provides various features such as datagrid, filters, complex form widgets, and multi-model relationships. The tool is compatible with Angular.js 1.6 and can be installed using a module bundler like Webpack or with a <script> tag. It offers an easy way to create sophisticated GUIs for managing and visualizing data.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.