PAX LFG

A breakdown of the social networking tool, PAX LFG.

Transcript

1. PAX LFG Penny Arcade Expo Looking For Group {Andrew Hansen}
2. About Me
3. PAX LFG Overview PAX LFG A tool for gamers to promote social interaction. Gamers want to game. This tool makes it easy.
4. PAX LFG Overview
5. PAX LFG Overview
6. PAX LFG Overview
7. Technology
8. Technology Angular • MVC Front-End Framework • Two-way Data Binding • Client-side Validation • State Routing (ui-router)
9. Technology
10. Technology Node.js • Back-End Platform • Non-blocking I/O • Event Driven • Communicates with MongoDB
11. Technology
12. Technology Express.js • Node.js Framework • HTTP Utility and Middleware • Builds on Connect middleware
13. Technology
14. Technology MongoDB • Document-oriented Database • JSON-like data storage • mongolab.com
15. Technology
16. Technology GitHub w/ Heroku • Distributed Version Control • Source Code Management • Platform as a Service • Cloud-based application hosting with
17. Technology
18. Technology Sass w/ Bootstrap • Syntactically Awesome Stylesheets • Mixins, variables, nesting • Compiles into CSS • CSS framework • Rapid prototyping with
19. Technology
20. Technology Leaflet • Library for interactive maps • Mobile-friendly • Lightweight
21. Technology
22. Technology Gulp • Automated task runner • Compile Sass • Minify HTML, CSS, JS, images • JavaScript Linting
23. Design • $http • $q • cookie-parser Model • HTML Templates • Custom Directives • ui-router View • Presentation logic • Factories Controllers
24. Model
25. View
26. Controllers
27. Future Improvements • Cross-browser Compatibility • CSS reset • Improve responsive design • Functionality • Group posting expiration • Restore sorting • Longer cookie expiration • Increase performance (ie, reduce payload, analysis bottlenecks) • Bug Fixes • Map location after edit group • Display existing time in edit group
28. console.thanks() {Andrew Hansen}