Lifely businesscase:

Solve, Debug & Optimize

@peterpeerdeman

Case 1:

Bundlin

"create, discover and share beautiful collections of links."

bundlin tech stack

  • Backend: NodeJS / Express
  • Frontend: AngularJS
  • Build tool: Grunt
  • Development: Vagrant
  • Deployment: ansible & wercker

Bundlin case suggestions

  • mobile loadtime
  • above the fold css
  • scroll performance
  • buildtool improvements
  • html/css optimalisatie

bundlin

mobile loadtime

bundlin

above the fold css

bundlin

scroll performance

bundlin

buildtool improvements

  • bower -> npm
  • browserify dependencies
  • upgrade angular

bundlin

html/css optimalisatie

bundlin: get started

  • download bundlin-client.zip using password
  • unzip
  • npm install
  • use http-server to serve dist folder
  • create /api/* stubs from bundlin.com
                        
                        unzip bundlin-client.zip
                        cd bundlin/client/
                        npm install
                        grunt
                        cd build
                        http-server
                        
                    

Case 2:

Part-up

"a smart marketplace for teamwork, matching people into temporary teams"

part-up tech stack

  • Back-end: MeteorJS
  • Build tool: MeteorJS
  • Front-end: MeteorJS
  • Development: MeteorJS
  • Deployment: Ansible / Docker / Jenkins

part-up case suggestions

  • homepage load optimization
  • pending github issues
  • accessibility / aria
  • testing

part-up

homepage load optimization

part-up

accessibility / aria

part-up

testing

part-up

open source

part-up

get started

                        
                        brew install ansible
                        cd part-up/config/development
                        ./decrypt #enter password here
                        cd ../../
                        ./start
                        
                    

Materials

Thank you for your attention

Meteor and Isomorphic Javascript

@peterpeerdeman