# angular-fullstack/generator-angular-fullstack **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-fullstack-generator-angular-fullstack).** 6,095 stars · 1,209 forks · JavaScript ## Links - GitHub: https://github.com/angular-fullstack/generator-angular-fullstack - Homepage: https://awk34.gitbook.io/generator-angular-fullstack - awesome-repositories: https://awesome-repositories.com/repository/angular-fullstack-generator-angular-fullstack.md ## Topics `angular` `babel` `full-stack` `javascript` `mongodb` `pug` `sass` `sequelize` `typescript` `yeoman` `yeoman-generator` ## Description This is a Yeoman generator that produces complete full-stack web application project skeletons, combining an AngularJS frontend with an Express.js backend. It scaffolds a MEAN stack project structure with MongoDB, including optional OAuth authentication and real-time WebSocket communication capabilities. The generator produces a complete project skeleton with a live-reload development server, preconfigured build and testing tools, and environment-specific configuration files. It includes role-based authentication with local and social login strategies, route protection, and admin user management. Real-time data synchronization is achieved through Socket.IO, broadcasting database changes to all connected clients. The tool provides subgenerators for scaffolding individual AngularJS client components such as controllers, directives, filters, routes, and services, as well as server-side REST API endpoints with controllers and models. It also generates deployment configuration files for Heroku, OpenShift, and Google Cloud Platform, and includes guidance for deploying to Windows servers. The project includes end-to-end testing setup and user account management features, allowing administrators to view and delete users from a dedicated panel. ## Tags ### Development Tools & Productivity - [Full-Stack Application Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/project-scaffolders/full-stack-application-scaffolders.md) — Generates complete MEAN/SEAN full-stack project skeletons with configurable client and server technologies. ([source](https://angular-fullstack.github.io/)) - [AngularJS Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/project-scaffolders/angularjs-scaffolders.md) — Scaffolds AngularJS routes, controllers, services, directives, and filters for rapid UI development. - [Express Backend Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/project-scaffolders/angularjs-scaffolders/express-backend-scaffolders.md) — Produces a ready-to-develop AngularJS frontend with an Express backend and build system. - [Project Scaffolding Generators](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-generators.md) — Generates boilerplate files and configuration from user prompts, producing a complete project skeleton. - [Live-Reload Development Servers](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/development-automation/development-rebuild-triggers/source-file-watching/live-reload-development-servers.md) — Launches both backend and frontend servers with file watchers that restart and refresh on changes. - [AngularJS Directive Generators](https://awesome-repositories.com/f/development-tools-productivity/angularjs-directive-generators.md) — Scaffolds a new AngularJS directive file with a single command, optionally generating a separate template file. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [AngularJS Filter Generators](https://awesome-repositories.com/f/development-tools-productivity/angularjs-filter-generators.md) — Generates a new AngularJS filter file and registers it in the application module for transforming data display. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [AngularJS Service Generators](https://awesome-repositories.com/f/development-tools-productivity/angularjs-service-generators.md) — Scaffolds a new AngularJS service file with a Yeoman sub-generator, ready for dependency injection. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [Toolchain Configurations](https://awesome-repositories.com/f/development-tools-productivity/build-and-test-scripts/toolchain-configurations.md) — Sets up Gulp for builds and offers Jasmine or Mocha+Chai+Sinon for testing with preconfigured assertions. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [Angular Component Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/command-line-scaffolding/web-component-scaffolding/angular-component-scaffolders.md) — Generates self-contained Angular 1.5 components with templates, controllers, and stylesheets. ([source](https://angular-fullstack.github.io/generators/component)) - [Environment-Specific Configurations](https://awesome-repositories.com/f/development-tools-productivity/feature-flag-management/environment-specific-configurations.md) — Provides separate configuration files for development, production, and testing environments. ([source](https://awk34.gitbook.io/generator-angular-fullstack/getting-started/project-overview.md)) - [Controller Generators](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding/project-scaffolders/angularjs-scaffolders/controller-generators.md) — Generates a new controller file for handling application logic and responding to client requests. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [Route Scaffolders](https://awesome-repositories.com/f/development-tools-productivity/python-development-guides/style-guides/angularjs/route-scaffolders.md) — Creates client-side routes with components, templates, stylesheets, unit tests, and routing files via subgenerators. ([source](https://awk34.gitbook.io/generator-angular-fullstack/developing/adding-a-route.md)) ### Software Engineering & Architecture - [Full-Stack Generators](https://awesome-repositories.com/f/software-engineering-architecture/project-architectures/modular-project-structures/angularjs/full-stack-generators.md) — Combines an Express.js backend with an AngularJS frontend using a single generator. - [Yeoman Generators](https://awesome-repositories.com/f/software-engineering-architecture/project-architectures/modular-project-structures/angularjs/yeoman-generators.md) — Creates AngularJS client components, Express server endpoints, and database models using Yeoman sub-generators. ### Web Development - [Full-Stack Application Boilerplates](https://awesome-repositories.com/f/web-development/full-stack-curricula/full-stack-application-boilerplates.md) — Generates a complete AngularJS and Express project with boilerplate, configuration, and build tools. - [Scaffolding Subgenerators](https://awesome-repositories.com/f/web-development/component-composition/scaffolding-subgenerators.md) — Breaks down project generation into focused subgenerators for routes, controllers, services, and components, each producing specific file sets. - [MEAN Stack Scaffolders](https://awesome-repositories.com/f/web-development/mern-stack-applications/mean-stack-scaffolders.md) — Generates full MEAN stack projects with AngularJS, Express, Node.js, and MongoDB. - [Real-Time Communication](https://awesome-repositories.com/f/web-development/real-time-communication.md) — Integrates Socket.IO for bidirectional event-driven communication between client and server. ([source](https://awk34.gitbook.io/generator-angular-fullstack/getting-started/project-overview.md)) - [API Endpoint Generators](https://awesome-repositories.com/f/web-development/rest-api-backends/api-endpoint-generators.md) — Generates server-side API routes with controllers, models, and tests for rapid backend development. - [Real-Time Data Pushing](https://awesome-repositories.com/f/web-development/websocket-integrations/real-time-data-pushing.md) — Uses Socket.IO to push database changes to all connected clients, keeping views synchronized. ### Part of an Awesome List - [Full-Stack Authentication Setups](https://awesome-repositories.com/f/awesome-lists/security/authentication-and-oauth/full-stack-authentication-setups.md) — Sets up local and OAuth-based authentication with login, signup, user settings pages, token interception, and route protection. ([source](https://awk34.gitbook.io/generator-angular-fullstack/getting-started/project-overview.md)) ### DevOps & Infrastructure - [Scaffolding Generators](https://awesome-repositories.com/f/devops-infrastructure/rest-api-endpoint-management/scaffolding-generators.md) — Generates server-side API routes with controllers, models, and configuration files for handling HTTP requests. ([source](https://awk34.gitbook.io/generator-angular-fullstack/master.md)) - [Build and Transfer Deployments](https://awesome-repositories.com/f/devops-infrastructure/application-server-deployments/build-and-transfer-deployments.md) — Builds the project into a distributable folder, then transfers and runs it on a Linux server with a production Node process. ([source](https://awk34.gitbook.io/generator-angular-fullstack/deployment/manual-deployment.md)) - [Configuration File Generators](https://awesome-repositories.com/f/devops-infrastructure/cloud-deployment-platforms/configuration-file-generators.md) — Generates deployment configuration files for OpenShift or Heroku to streamline publishing the application. ([source](https://awk34.gitbook.io/generator-angular-fullstack/master.md)) - [Configuration Generators](https://awesome-repositories.com/f/devops-infrastructure/deployment-management-strategies/execution-platforms-and-targets/deployment-infrastructure/deployment-targets/configuration-generators.md) — Produces platform-specific configuration files for Heroku, OpenShift, and Google Cloud. ### Networking & Communication - [Real-Time Data Synchronization](https://awesome-repositories.com/f/networking-communication/communication-platforms-services/messaging-notification-systems/real-time-data-synchronization.md) — Broadcasts database changes to all connected clients in real time via WebSocket synchronization. ([source](https://awk34.gitbook.io/generator-angular-fullstack/developing/overview.md)) ### Security & Cryptography - [Authentication and Authorization](https://awesome-repositories.com/f/security-cryptography/authentication-and-authorization.md) — Sets up local and OAuth login with user roles, route protection, and admin management. - [Social Login Integrations](https://awesome-repositories.com/f/security-cryptography/oauth-authentication/oauth-provider-integrations/social-login-integrations.md) — Includes optional authentication boilerplate with support for Facebook, Twitter, and Google login. ([source](https://cdn.jsdelivr.net/gh/angular-fullstack/generator-angular-fullstack@master/README.md)) - [Authentication Integrations](https://awesome-repositories.com/f/security-cryptography/role-based-access-control/authentication-integrations.md) — Includes preconfigured local and social login strategies with user roles, route guards, and admin-only access controls. - [User Role Authentication](https://awesome-repositories.com/f/security-cryptography/role-based-access-control/user-role-authentication.md) — Registers and logs in users, assigns roles (user/admin), and restricts admin-only pages and actions based on the role. ([source](https://awk34.gitbook.io/generator-angular-fullstack/developing/overview.md)) - [User Account Management](https://awesome-repositories.com/f/security-cryptography/identity-and-access-management/user-account-management.md) — Lets admins view and delete users from a dedicated admin panel and lets users change their own passwords. ([source](https://awk34.gitbook.io/generator-angular-fullstack/developing/overview.md))