JM Taylor

Built a website that helped a Japanese language teacher avoid going out of business, allowing him to quit his part-time job to focus solely on teaching.

HTML - CSS - jQuery - Animate.css

Photoshop - Photography

An exercise in redesigning an old and outdated website, which includes designing a new logo. Done on Wordpress, but the theme was coded completely from scratch using PHP.

Click here to see the original website

HTML - CSS - JS - PHP - Wordpress

Photoshop - Photography

My personal blog site built with Laravel. Integrates a modified pre-built theme with a CMS. Includes WYSIWYG text editor (TinyMCE) and image manager and gallery system (Laravel File Manager).

Laravel - PHP - HTML - CSS - JS

"Street Fighter 2" themed Tic Tac Toe game with variable difficulty modes and two selectable characters. Integrated minimax to create an unwinnable hard mode. Uses sprite maps and animated GIFs for animation, complete with intro video, title screen, character select, etc., to simulate the Street Fighter 2 game experience. Also uses Web Audio API to create seamless looping background music.

HTML - CSS - JS - Web Audio API

Photoshop - Premiere - Audacity

*Works best on Chrome desktop

Spiced up the original Simon game by using Street Fighter 2 themes, music, sound effects, and some animated feedback.

HTML - CSS - JS - Animate.css

Photoshop - Audacity

*Works best on Chrome desktop

Improved on the original task of creating a Javascript calcultor by increasing decimal precision, making the results always similar to what you would get from a real calculator. Precision is achieved using a Decimal type by integrating decimal.js.

HTML - CSS - JS - Decimal.js

Goes beyond the assignment of building a productivity clock by adding animations and original recorded sound clips to guide the user on the current state of the timer.

HTML - CSS - JS

Audacity - Audio recording

A certification project wherein a quote-generating API and Twitter API are integrated to build a random quote machine with Twitter functionality.

HTML - CSS - jQuery - Twitter API

Inspired by Trump Ipsum, this Lorem Ipsum generator uses some of Philippine President Duterte's ridiculous quotes intersperesed with tech and web design related words.

HTML - CSS - JS - PHP

Photoshop

A certification project using the MediaWiki action API to load the introduction text of search entry results.

HTML - CSS - jQuery - MediaWiki action API

A game for web designers testing their knowledge of RGB colors. This was an exercise from an online web development bootcamp, and was my first Javascript project.

HTML - CSS - JS

My first React project. This is an audited requirement for freeCodeCamp's Front End Libraries certification. Uses the Create React App and marked.js library.

HTML - CSS - JS - React