patternlab-node-angular-example - An example of Pattern Lab Node running Angular Components

  •        10

Yes this example is a bit contrived and reductive, but it is aimed to demonstrate that the two technologies are not wholesale blanket do-you-speak-to-your-mother-with-that-mouth incompatible. For best instructions, I suggest you read through the gulp edition docs.

http://www.brianmuenzenmeyer.com/patternlab-node-angular-example/public/index.html
https://github.com/bmuenzenmeyer/patternlab-node-angular-example

Dependencies:

browser-sync : ^2.11.2
gulp : gulpjs/gulp#4.0
minimist : ^1.2.0
patternlab-node : ^2.0.0
styleguidekit-assets-default : ^3.0.0
styleguidekit-mustache-default : ^3.0.0

Tags
Implementation
License
Platform

   




Related Projects

patternlab - Make a pattern library using atomic design.

  •    Javascript

The version of Pattern Lab available in this repository has been discontinued. It remains available in case someone wants to use it but there is another, newer PHP version of Pattern Lab that will be actively maintained in the future. For more information on why there's a new version check out our blog post. Migrating patterns built for this version to the new version of Pattern Lab should be relatively straightforward. Learn more.

angular-material-dashboard - Angular admin dashboard with material design

  •    Javascript

Responsive Angular admin dashboard with material design based on Angular Material.Project structure based on gulp-angular yeoman generator. If you have any questions about the build or project structure please check out their documentation.

angular-socket-io-seed - A great starting point for writing AngularJS apps backed by a Socket

  •    Javascript

Start an awesome app with AngularJS on the front, Socket.io + Express + Node on the back. This project is an application skeleton for writing AngularJS apps that use web sockets to add real-time functionality. If you're not planning on using web sockets, you should consider the Angular Express Seed instead.The seed contains angular libraries, test libraries and a bunch of scripts all preconfigured for instant web development gratification. Just clone the repo (or download the zip/tarball) and you're ready to develop your application.

angular-express-seed - A great starting point for writing AngularJS apps backed by an Express-powered node

  •    Javascript

Start an awesome app with AngularJS on the front, Express + Node on the back. This project is an application skeleton for a typical AngularJS web app for those who want to use Node to serve their app.The seed contains angular libraries, test libraries and a bunch of scripts all preconfigured for instant web development gratification. Just clone the repo (or download the zip/tarball) and you're ready to develop your application.


node-di - Dependency Injection framework for Node.js

  •    CoffeeScript

I don't actively maintain this project, in favor of angular/di, which is heavily influenced by node-di and thus the migration should be easy. Eventually angular/di will be published to NPM as di@2.0. There are two things - Dependency Injection pattern (aka Inversion of Control) and Dependency Injection framework.

angular-meteor - Angular and Meteor - The perfect stack

  •    Shell

If you are new to Angular and/or Meteor but want to learn them quickly, please check out our 14-steps Angular-Meteor tutorial.Alternatively, use your web browser to access the link: https://github.com/Urigo/angular2-meteor-base Download the template application, and unzip the files inside.

node-todo - A simple Node/MongoDB/Angular todo app

  •    Javascript

A Node app built with MongoDB and Angular. For demonstration purposes and a tutorial. Node provides the RESTful API. Angular provides the frontend and accesses the API. MongoDB stores like a hoarder.

mean - The MEAN stack uses Mongo, Express, Angular(4) and Node for simple and scalable fullstack js applications

  •    Javascript

MEAN started out as a combination of MongoDB, ExpressJS, AngularJS and Node.js. With MEAN2 we are providing the ability to mix and match additional frontend frameworks, databases and technologies. We aim to create a robust, flexible and scalable full-stack javascript solution.The default MEAN stack you get out of the box can work with either Angular or React and is built with the following technologies...

angular-starter - :star: Gulp Angular Starter using TypeScript (Updated to 4.4.3)

  •    Javascript

Welcome to Angular Starter! This starter contains almost everything you need to start developing Angular 2. Please visit the wiki for more details.

generator-angular-fullstack - Yeoman generator for AngularJS with an Express server

  •    Javascript

Yeoman generator for creating MEAN/SEAN stack applications, using ES6, MongoDB/SQL, Express, AngularJS, and Node - lets you quickly set up a project following best practices.Please note: If you run into trouble compiling native add-ons during the installation, follow node-gyp's short guide on required compilation tools.

JHipster - Create Spring Boot + Angular projects in seconds

  •    Java

JHipster is a Yeoman generator, used to create a Spring Boot + Angular project. Its goal is to generate for you a complete and modern Web app. It provides a high-performance and robust Java stack on the server side with Spring Boot, A sleek, modern, mobile-first front-end with Angular and Bootstrap and a powerful workflow to build your application with Yeoman, Webpack/Gulp and Maven/Gradle.

angular-cms - A light weight CMS built with Angular

  •    Javascript

This is a boilerplate CMS built with Angular, Twitter Bootstrap and Node; it is in development stage and aims to offer a quick start for creating full-stack angular application.

generator-ng-poly - Yeoman generator for modular AngularJS apps with Gulp and optional Polymer support

  •    Javascript

Inspired by John Papa's Angular Style Guide and Todd Motto's AngularJS styleguide.This generator focuses on organizing Angular components by feature (home, about, video player, etc.) instead of by type (controller, service, directive, etc.) to encourage the development of self-contained, reusable components.

angular-test-patterns - A High-Quality Guide for Testing Angular 1.x

  •    Javascript

A test pattern is a proven way to properly test a given feature of your AngularJS application. It's a design pattern for testing. This started as a place for me to jot down the patterns I've been using while building several AngularJS projects.

realworld - "The mother of all demo apps" — Exemplary fullstack Medium

  •    Javascript

While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it.RealWorld solves this by allowing you to choose any frontend (React, Angular 2, & more) and any backend (Node, Django, & more) and see how they power a real world, beautifully designed fullstack app called "Conduit".