toddmotto/angular-1-5-components-app

Stars
572
Rank 75,500 (Top 2 %)
Language
JavaScript
Created almost 8 years ago
Updated about 4 years ago

toddmotto/angular-1-5-components-app

toddmotto

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

A Contacts Manager application built on Angular 1.5 components, ui-router 1.0.0, Firebase.

---

AngularJS 1.5 component architecture app

Try the Contacts Manager app! You'll need to register and create an account.

Want the ES2015 version? Check it out here.

A Contacts Manager application built on AngularJS 1.5 components, ui-router 1.0.0, Firebase. Want to build it? Jump on my AngularJS 1.5 Pro course.

List of features:

AngularJS 1.5 .component() method
Stateful/stateless and routed components
One-way dataflow
Lifecycle hooks
ui-router 1.0.0
Firebase auth and database/hosting
Fully tested, including spec files
Built against my component architecture styleguide
Proper SCSS architecture to provide maintainable, scalable and well-organized code

Setup and install

To run this app, follow the instructions here. Basically npm install and npm start. Run tests with npm test. Have fun!

angularjs-styleguide

AngularJS styleguide for teams

echo

Lazy-loading images with data-* attributes

fireshell

Fiercely quick front-end boilerplate and workflows, HTML5, Grunt, Sass.

flare

Unobtrusive event emitter API for Google Universal Analytics event tracking

angular-pizza-creator

Source code for Angular advanced Form APIs pizza builder

fluidvids

Fluid width (responsive) videos module, 1KB, custom players, dynamic elements/XHR support.

angular-dynamic-forms

Configurable Reactive Forms in Angular with dynamic components

angular-architecture

Angular architecture guide for teams.

apollo

Standalone cross-browser DOM class manipulation module

angular-component

Fully featured .component() polyfill for Angular v1.3+

axis

Simple JavaScript type checking module. Returns a Boolean for each type check.

reactive-pizza

Angular v4.1.1 - Reactive Forms, Observables, Component Architecture. Pizza. 🍕

superbox

Superbox, the lightbox, reimagined

flaunt-js

Flaunt JS, stylish responsive navigations with nested click to reveal

linkjuice

Automatically wraps and creates anchor links for <h1-h6> headings

foreach

forEach implementation for Objects/NodeLists/Arrays, automatic type loops and context options

lunar

SVG class module for has/add/remove/toggleClass

stratos

Object manipulation module, simplified extends, keys, add/remove methods and more.

interpolate

Micro templating engine, maps Object property values to a String template

console.loge

Doge-driven debugging. Such console, many logs. Wow.

jbar

jBar, the lightweight jQuery notification banner.

superfast-angular-2

A super simple setup for Angular 2 to prototype or play around. Components, TypeScript and Routing.

gulp-oss

My Gulp.js boilerplate for creating new JavaScript projects

NoFi

No WiFi, detecting offline states with HTML5

switch-messages

switchMessages for Angular 1.2+, partial functionality from Angular 1.3+ "ngMessages"

fluidvids-react

React.js implementation of fluidvids.js

track-digests

A simple Directive to track $digest counts

psswrd

Show/hide toggling for password inputs.

ac-store

Simple Redux Store

angular-connect-2016

Final code for AngularConnect Angular 1 & 2 demos.

ac-boilerplate

suave

Re-engineering the HTML5 <video> tag for semantics and modularity.

mapify

Map iteration for Arrays and Objects

fluidvids-polymer

Web Component for fluidvids.js built with Polymer

ngrx-workshop

data-tabs

Simple HTML5 data-* jQuery tabs. Markup free and relative to their container for ultimate re-use.

workspaces-grunt

Using Grunt and Chrome Workspaces for in-browser development

fowa2014

FOWA 2014 workshop

ngWorkshop2015

[this is really old, wouldn't bother using it] Falsy Values AngularJS Workshop 2015

babel-private-properties-methods-classes

🔥 Babel + ESLint + Private Properties and Methods in Classes

imgShufflr

jQuery random image shufflr, inline img and background CSS

ngbe-2016

Source code moved here: https://github.com/toddmotto/angular-pizza-creator

selectnav

JavaScript select navigation for responsive projects

fitdevcomments

aot-loader

[BETA/Work In Progress] Ahead-of-Time Compiler for Webpack.

web-platform-angular-2

required-fallback

A robust HTML5 'required' attribute fallback, client-side jQuery script.

bounceThis

jQuery plugin that mimics CSS3 keyframes animations of bouncing headers

kendo-html-editor

fowd