Lifely businesscase: – Solve, Debug & Optimize

Lifely businesscase:

Solve, Debug & Optimize

@peterpeerdeman

Case 1:

Bundlin

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

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

• Header on mobile doesn't fill screen width (black part visible)
• Pop-up "Take part" doesn't allow pinch to zoom out
• Improve iPad performance
• Tags not visible on profile on mobile browsers
• Long tag on most right column part-up tile on discover doesn't hide behind tile

part-up

get started

• git clone http://www.github.com/part-up/part-up
• decrypt development variables
• start meteor project

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

Materials

• slides: https://peterpeerdeman.github.io/cmd-solve-debug-optimize-at-lifely
• bundlin-client source: http://files.lifely.nl/cmd-bundlin
• part-up source: http://www.github.com/part-up/part-up

Thank you for your attention

Meteor and Isomorphic Javascript

@peterpeerdeman