ImpactFlow Business Signup, Step 1. Created the entire form and implemented both the Facebook OAuth2 login ability and the native email signup flow both in the JavaScript (using Backbone/Marionette Single Page Application) and the backend (Laravel/PHP RESTful API)
ImpactFlow Individual User Signup. Created the entire form (design + HTML/CSS) and implemented the native email signup flow both in the JavaScript (using Backbone/Marionette Single Page Application) and the backend (Laravel/PHP RESTful API)
Nonprofit Public Profile. The original design was neither responsive nor used well-written LESS/CSS. I rewrote the entire page including the HTML, CSS/LESS, and the JavaScript code to have a response design and UI/UX effects to improve usability. I also implemented the Twitter/FB sharing buttons in the Single Page JS Application using a JS library (to allow abstraction of messaging and code through application). The Donation Form on the right side is a multiple-step process written into an abstracted module in the Single Page Application and then using a secure API endpoint for payment processing. The payment processing, upon completion, created multiple items in the database, cleared caches, update statisitics for user, and sent out emails both to the Nonprofit and then person making the donation.
Business Public Profile. The original design was neither responsive nor used well-written LESS/CSS. I rewrote the entire page including the HTML, CSS/LESS, and the JavaScript code to have a response design and UI/UX effects to improve usability. I also implemented the Twitter/FB sharing buttons in the Single Page JS Application using a JS library (to allow abstraction of messaging and code through application). The Following Form on the right side is a multiple-step process written into an abstracted module in the Single Page Application that allows logging in or account creation depending on session status for visitor to site.
ImpactFlow Dashboard. The design of the dashboard is not mine. However, I was part of the design process providing development team feedback. I also lead the front end team of HTML/CSS designer and JS developer that implemented it. All of the API endpoints for the various notifications, stats, messaging, and lists of events, nonprofits, and busineses were written by me in a RESTful API built in Laravel (PHP Framework) using a backend implemented on AW with MySQL, Redis, Nginx, Ubuntu, and beanstalkd (a queue service). I also spent did a great deal of the CSS/design cleanup by insuring all images were Retina and the design functioned appropriately at different resolutions.
