Hi. This is Andrew

UI/UX Designer • Frontend Developer • Game Dev • Contact Me Here

MiniKeys

IoT & Software

MiniKeys is a musical instrument built and coded from scratch. It allows anyone without music knowledge to play, create, compose and record music just by using this device with a few simple controls.

Technology Used: Arduino & Processing

Watch Video

MiniKeys came with the software providing 3 instruments to play with incuding piano, guitar and drum kit, players can switch between them at any point as well as record them all for multiple takes and make a music composition all together.

MiniKeys was powered by Arduino and various mechanical parts and assembled with acrylic plastic panes with a glossy finish.

The Adventure of Ashy

Game & Website

The Adventure of Ashy is a 2D platformer game that you can play on a browser, it has one long level with multiple checkpoints along the way. You control the main character - Ashy to fight through the hostile enemies on the foreign planets in hopes to collect enough flowers and power your lost spaceship to go back to your home.

Technology Used: HTML, CSS, Javascript, jQuery, TexturePacker, Tiled & Phaser.js

Watch Video

The sprites of this game was illustrated with Adobe illustrator, animations were then done in Adobe Flash and finally got imported into Tiled to create tilesheets such as this one on the left.

This is the website of the game talking about the art, process, story and gameplay of the game.

Beat Runner

Game

Beat Runner is a 2D rhythmic platformer game, You play as Ongaku defeating enemies by jumping and attacking following the beat of music, you can get strikes by not consecutively hitting enemies without missing, and you lose if you missed too many of them. A score and a grade is given to the player after every round has ended.

Technology Used: Processing

Watch Video

This is the gameplay of Beat Runner.

The game also has an extensive tutorial and practice mode for playes to try and understand the mechanics of the game.

Taiko World

Game

Taiko World is a rhythmic game, Players have 8 songs from different country of origins to choose from. You get scores and strikes by following the beat and play the drum kit correctly, a score and a grade are calculated after each round of gameplay.

Technology Used: Processing

Watch Video

This is the gameplay of Taiko World.

Playes can preview(listen) and choose their song to play on this selection screen.

Transformation Sculpture

Project Website

This one-page website is made to document an installation sculpture for an exhibition.

Technology Used: HTML, CSS, Javascript, jQuery, Netlify

View Live Site

This website includes blog posts and image slider gallery showcases.

It is also fully responsive with a commenting system on each blog post.

Branded Lifestyle

Enterprise Website

BrandedLifestyle is a clothing enterprise consists of multiple brands across Asia including Hong Kong, Taiwan, South Korea, Singapore & China. This website is to showcase their brands and company history and other informations about them.

Technology Used: HTML, CSS, Javascript, jQuery, WordPress CMS, PHP

View Live Site

The website works in various modern browsers.

It also has responsive capabilities, filtering and blog update features.

MobileEAT Promo

Company Website

This website is made to promote the MobileEAT food delivering service.

Technology Used: HTML, CSS, Javascript, jQuery, WordPress CMS, PHP

View Live Site

The website works in various modern browsers.

It also has responsive capabilities and form submitting feature.

MobileEAT App

eCom App & Website

MobileEAT is a food delivering platform available in both website and app forms. It supports stripe payments as well as delivering tracking mechanics.

Technology Used: HTML, CSS, Javascript, Ionic

This website/app allows users to make, view and track their orders.

UI & UX design was also done and responsive version is also created.

Piano Pro

Software

Piano Pro is a mini DAW that allows user to compose music with built in chord progression generator, it is also versatile providing a handful of controls and options for the users to play with.

Technology Used: Processing

Watch Video

This is a tutorial with all the information the player needs in order to make his/her own music.

Players can use the piano roll at the top to place/erase and move notes around to create the perfect song. It also support realtime playback for players to listen to their own piece.

Japanese Memoriser

Software

Japanese Memoriser is a lightweight game/software that helps you to memorise japanes characters. It has a quiz and memorise mode for you to play with and it helps to remember the pronunciations of each japanese character, the quiz scope can also be modified if you want to focus fire remembering a few of the characters that you always forget.

Technology Used: Processing

This software has a built-in chart that you can also look at and listen to the pronunciations of each characters by clicking on them.

The quiz mode allows you to type in the pronunciations of the randomly generated japanese characters, it will not repeat until you have answered all of them correctly once.

The Snake

IoT

The Snake is a recreation of the classic game - Snake on an LED board. Players can use a typical remote control to play the game. The rules are the same as the original Snake game but this time it's more vivid as it is projected on a large LED pad.

Technology Used: Arduino

Watch Video

The circuitry was done with Arduino and also the code.

Various testings were also done to ensure the pixels are displayed correctly.

Music Glove

IoT & Software

Music Glove allows anyone to play music quite literally on their fingertips, you don't have to have any musical knowledge to play a song, just pick some chords off the chart from the provided software and you are off to go.

Technology Used: Arduino & Processing

Watch Video

The circuitry was done with Arduino and also the code.

A software is also built with processing in order for users to pick chords and play the musical notes.

Air Luna

App

Air Luna is an app for controlling the Air Purifier with the same name.

Technology Used: React Native

Download App

The app allows user to view past air quality history.

As well as controlling the device remotely.

Online Career Fair

Websites

This is an online career fair website created for BU, PolyU & OUHK.

Technology Used: HTML, CSS, Javascript, jQuery, WordPress CMS, PHP

It has online webinars watching function, apply jobs functions

As well as a personal profile for both employers and students.

Shopbricker

eCom App & Website

Shopbricker is an online shopping platform & app.

Technology Used: HTML, CSS, Javascript, Laravel, React Native

It has an admin panel for choosing payment methods.

You can view and buy products with both the app and the website.

Mochii Video Books

Website

This website is a platform for parents to purchase video books with customisations. They can uploaded their kids' photos and name to create their very own video book.

Technology Used: HTML, CSS, Javascript, jQuery, WordPress CMS, PHP

This is the submission successful screen after the names and photos are received.

Parents can view their videos here once they are finished.

Beijing Hair Culture eShop

eCom Website

This is a eShop for Beijing Hair Culture.

Technology Used: HTML, CSS, Shopify

View Live Site (pw: rtayno)

Product Page.

Social Media integration.

Title

Game

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu consectetur metus. Ut tincidunt dui at enim suscipit, ut egestas quam malesuada. In lacinia vitae ipsum vitae ullamcorper. Suspendisse eu sollicitudin nibh. Mauris vel tortor nunc. Nunc eu suscipit odio, et commodo est. Nunc sed magna massa. Donec pulvinar, diam quis porttitor aliquam, urna neque auctor eros, sed placerat neque mi in quam. Aenean tincidunt, elit et convallis ullamcorper, justo urna efficitur urna, nec luctus felis enim eget massa. Etiam facilisis nibh sed pulvinar consequat. Sed efficitur dui in mi condimentum congue.

View Live

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu consectetur metus. Ut tincidunt dui at enim suscipit, ut egestas quam malesuada. In lacinia vitae ipsum vitae ullamcorper. Suspendisse eu sollicitudin nibh. Mauris vel tortor nunc. Nunc eu suscipit odio, et commodo est. Nunc sed magna massa. Donec pulvinar, diam quis porttitor aliquam, urna neque auctor eros, sed placerat neque mi in quam. Aenean tincidunt, elit et convallis ullamcorper, justo urna efficitur urna, nec luctus felis enim eget massa. Etiam facilisis nibh sed pulvinar consequat. Sed efficitur dui in mi condimentum congue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu consectetur metus. Ut tincidunt dui at enim suscipit, ut egestas quam malesuada. In lacinia vitae ipsum vitae ullamcorper. Suspendisse eu sollicitudin nibh. Mauris vel tortor nunc. Nunc eu suscipit odio, et commodo est. Nunc sed magna massa. Donec pulvinar, diam quis porttitor aliquam, urna neque auctor eros, sed placerat neque mi in quam. Aenean tincidunt, elit et convallis ullamcorper, justo urna efficitur urna, nec luctus felis enim eget massa. Etiam facilisis nibh sed pulvinar consequat. Sed efficitur dui in mi condimentum congue.