Project Status: BETA
Current Version Deployed to Google App Engine: 2016-11-15-a
ThumpCase web applications in Golang on Google App Engine.
Created by Production Media Design (http://www.productionmediadesign.com/) to both help educate programmers in training as well as showcase talent to future clients.
Original application version created for "BoomCase" before the company split as Boomcase and ThumpCase.
ThumpCase Webapp Overview:
- Backend Code: Create flexible backend that has code which can power multiple webapps into the future
- Custom ThumpCase Webapp: Create webapp based on backend code which enables customers to customize and build their own ThumpCase
- Boombarrel Options Webapp: Create webapp based on backend code which enables customers to select options for the Boombarrel as well as fronend splash with visual design including looping video backgrounds (as requested):
Video Background Examples: http://www.buildfilms.ca/ + http://www.sjprep.org/ + http://eventsinedmonton.com/
- GitHub Project Repository: https://github.com/productionmediadesign/ThumpCase
- Travis CI Builds: https://travis-ci.com/productionmediadesign/ThumpCase (Legacy: https://travis-ci.org/productionmediadesign/ThumpCase )
- Google App Engine URL: https://pmd-thumpcase.appspot.com/
- Design Firm Friendly URL: https://thumpcase.productionmediadesign.com/
- Font: Clarendon
- Font Awesome 4.7.0: http://fontawesome.io/
- jQuery 3.1.1: http://jquery.com/
- jQuery UI 1.12.1: http://jqueryui.com/
- jQuery UI Touch Punch: http://touchpunch.furf.com/
- (feedback - forked)
-
Backend:
- Custom backend in Golang for hosting on Google App Engine
- Utilization of pure HTML/CSS/JS to keep future updates to app simple
- Login via Google credentials to backend dashboard
- Dashboard for management of internal data and elements
- Continuous Integration via Travis CI autodeploys on GitHub master branch checkin
-
Frontend:
- Responsive design combining look of two separate web properties
-
BoomBarrel Showcase:
- Full video background: Autoplay web and mobile
- TODO: Parralax effect on div image backgrounds
- Mouseover div image zoom transitions
- TODO: Animated transition on page anchor links
-
ThumpCase Customizer:
- Adding speaker drivers to case custimization dynamically
- Automatic price calculations based on drivers and features
- Drag and drop visual customization of drivers on cases: Web and mobile
- Google App Engine: https://cloud.google.com/appengine/
- Google Hosted Libraries: https://developers.google.com/speed/libraries/
- Markdown Syntax: http://daringfireball.net/projects/markdown/syntax