Generator Aio Angular

screenshot of Generator Aio Angular
angular

All In One AngularJS generator(Material Design/Gulp/ui-router).

Overview

The generator-aio-angular is an all-in-one Yeoman generator for AngularJS 1.3. It leverages gulp and ui-router with material design, based on John Papa's generator-hottowel and angular-styleguide. It also offers the option to use Webpack + ES6 through the angular1-webpack-starter project. It provides a pure front-end implementation with mocked API interactions. The server folder is just a placeholder and any back-end technique can be used. There is a demo site generated by this generator, which is a pure front-end implementation hosted on Github pages without back-end support.

Features

  • Material Design: Utilizes LumX instead of Angular Material or Bootstrap Material to incorporate material design into the project.
  • Flex Layout: Uses flex layout for the main layout and other elements throughout the project.
  • Responsive: Provides easy implementation for supporting multiple devices with different screen sizes.
  • Animation: Uses animate.css to define and apply keyframe animation.
  • Splited Gulp Tasks: Gulp tasks are organized and split into different files by category.
  • More Understandable Router Design: Implements ui-router for main layout with easier implementation for Sidebar Navigation and Breadcrumb.
  • Easy Development: Provides a script called change-env.js to make app/templates ready for development by renaming files and replacing placeholder tags.
  • License: Distributed under the MIT license.
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.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.