JavaScript App Demos
An assortment of simple JavaScript Apps created to demonstrate various frameworks and libraries.
- Programming
- MVC framework implementation
- Remote services integration
- User interface (UI)/User experience (UX)
- Game design
- Graphic design
React Bowling App
This is a simple JavaScript App that reads bowler and bowling score data from a JSON file and then displayed in a various associated, filtered, and sorted reports. This demo utilizes React, Redux, React-Bootstrap, Axios, Lodash, and Webpack.
Todo CRUD App
Simple Todo App that displays a list of tasks and allows the user to add tasks, delete tasks, and mark tasks complete. The list of tasks is stored in a simple MySQL database. This demo utilizes AngularJS, Bootstrap CSS, Bootstrap UI, and Slim PHP for the CRUD (Create, Read, Update, and Delete) services.
Angular Bowling App
This is a simple JavaScript App that reads bowler and bowling score data from a JSON file and then displayed in a various associated, filtered, and sorted reports. This demo utilizes AngularJS, Bootstrap CSS, and Bootstrap UI.
Jasmine Unit Test Demo (for Angular Bowling App)
This is the Jasmine Unit Tests for the Angular Bowling App.
Canvas Tile Game Demo
This is a simple tile based game built using HTML5 Canvas and JavaScript. The game board is generated from a tile map consisting of wall, door, and walkable tiles. The tank moves via arrow keys and the game board will change to a new map when the sprite reaches a door tile. This demo utilizes EaselJS and AngularJS.
Backbone Bowling App
This is a simple JavaScript App that reads bowler and bowling score data from a JSON file and then displayed in a various associated, filtered, and sorted reports. This demo utilizes Backbone.js, Backbone.Marionette, and Skeleton Boilerplate.
YUI Bowling App
This is a simple JavaScript App that reads bowler and bowling score data from a JSON file and then displayed in a various associated, filtered, and sorted reports. This demo utilizes YUI3.
Project Role
Freelance Developer.Toolset
Software
- Sublime Text
- Terminal
- Node/NPM
- Webpack
- NetBeans IDE
- XAMPP/Wamp Server
- Git
Languages
- JavaScript
- HTML/HTML5
- CSS
- PHP
- MySQL
Frameworks
- AngularJS (JavaScript)
- Jasmine (JavaScript)
- Backbone.js (JavaScript)
- Underscore.js (JavaScript)
- Bootstrap (CSS)
- Skeleton Boilerplate (CSS)
- Slim (PHP)
Libraries/Plugins
- React (JavaScript)
- Redux (JavaScript)
- jQuery (JavaScript)
- Lodash (JavaScript)
- React Bootstrap (JavaScript)
- Axios (JavaScript)
- Bootstrap UI (JavaScript)
- Backbone.Marionette (JavaScript)
- EaselJS (JavaScript)
- YUI (JavaScript)