UME Academy Arcade

UME Academy Arcade is an extension the the UME Academy website (https://ume.academy/). The arcade hosts all of the games using a new and vibrant look.

Welcome to UME Arcade!

Technologies Used

• HTML
• CSS
• JavaScript
  • jQuery
• Git
• GitHub
• Terminal
  • Homebrew
• Node.js
  • npm
  • Gulp
• MAMP
• WordPress
• Plugins:
  • Show Current Template
  • Akismet Anti-Spam
  • Debug Bar
  • Gutenberg
  • Kint Debugger
  • Query Monitor
  • Theme Check
  • WP Migrate DB
  • Contact form 7
  • Custom Field Suite
  • UME functionality

Learning Outcomes

• Importance of traversing the DOM in Javascript, especially related to the code for the carousel functions.
• Seperation of concerns made the project easier in a group setting. Pushing code while other project members were in the same file would cause problems. Seperating files allowed for less conflict.

Installation

1. Download me (don't clone me!)

Then add me to your wp-content directory.

2. Rename the UME-master directory

Make sure that the theme directory name is project appropriate!

3. Install the dev dependencies

Next you'll need to run npm install inside your theme directory next to install the node modules you'll need for Gulp, etc.

4. Update the proxy in gulpfile.js

Lastly, be sure to update your gulpfile.js with the appropriate URL for the Browsersync proxy (so change localhost[:port-here]/[your-dir-name-here] to the appropriate localhost URL).

Then, git init

Authors

Jeff Liknes, Tim Nguyen, Jenna Pegg, and Sophie Virtue