adrianmui / solstice_challenge

ng2 spa with responsive design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Adrian Mui

SolsticeChallenge - Front End with Angular 2 TS/ES6 and sass

  npm install
  ng build
  ng server
  localhost:4200/contacts/
  localhost:4200/contacts/:id
  3 components
    contacts
      caches the json data
    contacts-list
      displays on the LHS in blocks, able to scroll and add future lazy loading capabilities
    contacts-detail
      renders a full description of the selected contact.
      click between phone #s to see mobile, home, cell.
      click the star to favorite/unfavorite the contact.
  1 service
    contact service
      really there to take in the data and add id #s.
      added observables to subscribe to changes in the contacts array. it sends the new data to ContactsComponent which flows/updates the data down to its child components.
  1 typings
    contact model
      defining my contacts because i don't need the rest of the properties in each data entry
  sass  
    i decided to make app.component.scss my global sass because i disagreed with how angular-cli has its own weird stylesheet inheritance-blocker.
  material design icons

This project was generated with Angular CLI version 1.0.0.

About

ng2 spa with responsive design


Languages

Language:TypeScript 67.3%Language:HTML 15.9%Language:JavaScript 9.4%Language:CSS 7.4%