ANGULAR 1.6 SAMPLE PROJECT

Live version: https://mrozanski.github.io/AngularSampleProject/

I did this as part of a job application process.

I used this exercise to explore Angular 1.5 components (my previous experience was with 1.4).

As usual with Angular online documentation, there is extense literature for 1.5 with plenty of different approaches regarding use of framework features, folder structures and techniques in general.

My personal choices were mostly affected by what parts of what I knew already I wanted to stick to (light controllers, readability, scalable structure) and which ones I wanted to experiment with (ES6 classes, Imports, reusable components, routing with states and components).

Please checkout my TODO with all the the good stuff I whish I could have included (but deprioritized because time is always a factor).

The Stack

Based on http://fountainjs.io/ Yeoman Webapp generator using:

• Angular 1.6
• Angular UI router
• Babel
• Webpack
• Gulp
• ES6 syntax

In addition to that:

• Bootstrap (CSS only)
• gulp-gh-pages to publish on Github pages

Install

npm install

Run dev environment

npm run serve

Build for distribution

npm run build

Summary of requirements:

• Add code that allows a user to manage their favorite learning resources: (websites, books, podcasts, etc.)
• User should be able to add resources
• User should be able to edit resources
• User should be able to remove resources