/demodays

demodays site

Primary LanguageCSS

DemoDays.co

About

Version 2 of the event page for Tech@NYU DemoDays in NYC. Live at demodays.co

Tech

Originally built with Jekyll, but started using AngularJS because it was a more reliable front-end. The site uses the following technologies:

  • AngularJS
  • Sass
  • Gulp
  • Bootstrap
  • Restangular

Documentation

controllers.js

  • demodays becomes a variable for the angular.module
  • Restangular
    • Used twice.
    • Base url is the general api (v3)
    • The default headers is for avoiding security issues
    • The response interceptor is for retrieving the API data
  • First use of Restangular
    • Gets the DemoDays events and sorts it such that the most recent event is shown first. This allows easier parsing of data.
    • There are five variables: attributes, relationships, RSVPForm, and demoForm` because they are used extremely often
      • attributes: Make it easier to get the DemoDays information
      • relationships: Required for the second Restangular request because the site will make requests to different parts of the API
      • RSVPForm: Gets the RSVP url since the site uses the RSVP url often
      • demoForm: Same idea except for demo urls
    • All of the relevant scope variables are in the first Restangular
  • Second use of Restangular
    • Makes a call to venues
    • Nested within the first Restangular because it uses attributes needed from first call
  • The ending of both Restangular uses are indicated in the comment
  • /\* Ignore this for now \*/
    • Features that have yet to be implemented because the API doesn't support it yet
  • Code Aesthetics
    • Indicate which Strings need to be sanitized
    • If you have a long block, indicate where it closes
  • File notes
    • controllers.js have all the calls to the API
    • index.js has the jQuery and other Javascript