About me
My passion as a front-end software engineer is to connect design with functionality.
I am a software engineer specialising in front-end development and UI/UX design. I am currently working at Recursive, a start-up company based in Tokyo, Japan that provides sustainable AI solutions to Japanese companies.
Previously, I worked at NAB (National Australia Bank)'s Digital Wealth department as a front-end developer and content manager in various projects and scrum teams. I moved to Japan to participate in the JET Programme as an ALT (Assistant Language Teacher) for three years.
On the side, I spend my time on personal projects, some of which can be found on my GitHub.
Photo byPhilippe Rosa-Pong
Skills
Web development
- HTML5
- CSS3
- Javascript
- jQuery
- Python
- Jinja
- Sass
- Figma
- Web accessibility
- Bootstrap framework
- Content management
- Agile software development
Languages
- English
- Japanese 日本語 (N2)
- Chinese 中文 (Cantonese, spoken)
Projects
3D Donut Baking 2021-2022
A donut baked in Blender!
Sometimes a break is needed, and by that I mean treating yourself to a donut with a hot cuppa tea. I thought I'd learn something completely out of my own expertise for once.
I followed Blender Guru's Blender Beginner Tutorial Series on Youtube and created a donut with pink frosting and sprinkles!
Roles
- 3D modeller
Skills
- Blender
- 3d modelling
Timetable Ticker 日課ティッカー 2021
Web developer for a personal project, now used by the staff at my workplace.
The school year had been heavily impacted by the COVID-19 global pandemic. For the school I am working at, this meant that the timetable schedule changed multiple times across several months. My staff room buddy and I grumbled about the daily issue of constantly recalculating what school period we were in, and thus the idea was born.
This started off as a one day hackathon. The first prototype showed the schedule for the day, highlighted what period it currently is, and had options to change the lengths of periods and breaks.
The following week was spent setting up the hosting and making design tweaks so that other staff members could access the site on any device (mainly the school-provided iPads), integrating extra functionalities, and adding Japanese language support.
View the site here on GitHub Pages
Roles
- Web developer
- idea generator
Skills
- HTML
- CSS
- Javscript
- Bootstrap 5 library
Toki BGM 2020
Android app developer for a simple music player which plays different music based on the weather and time of day
Whilst working on my monthly hackathon, I would listen to various BGM music on repeat. Much like one would when playing a video game. However, my monthly hackathons are timed and it was difficult to tell how much time had passed with unchanging background music.
Thus, I came up with the idea of making an Android app to do play set music depending on the time and the weather outside. The concept is heavily inspired by the Animal Crossing video games.
View the source code here on Github. WIP, has a few bugs and incomplete.
Roles
- App developer
- idea generator
Skills
- Kotlin
- Java
- Android application development
- SQL
- XML
Benchmark Insights website 2019
Front-end web developer and content publisher for the new Benchmark Insights website.
The Benchmark Insights website is a newly created website to replace the former physically printed magazine. The design emulates the aesthetics and appearance of a magazine, which works on both desktop and mobile platforms. The integrated metadata functionalities improves the reader's experience with filter options and sorting by different authors.
As with the other recent site changes, the Benchmark Insights website utilises Bootstrap 4, along with responsive web views and AA-level accessibility.
Utilised Bootstrap 4 library and Sass.
Roles
- Front-end web developer
- Content publisher
Skills
- HTML
- CSS
- Sass
- Bootstrap 4 library
- Content publishing
Private Investment Consulting site migration 2019
Front-end web developer and content migrationer for the uplifted Private Investment Consulting website.
The Private Investment Consulting (PIC) website was previously hosted on two separate platforms; AEM for the pre-login pages, and OpenText for the secure pages. As part of the OpenText decommission project, PIC’s secure site has been migrated to AEM along with removing no longer needed content, making it easier for users to find their needs.
Similar to the MLC Adviser Online site migration project, this opportunity allowed us to upgrade the front-end design to Bootstrap 4, along with responsive web views, AA-level accessibility, and an overall better experience for all users.
Utilised Bootstrap 4 library and Sass.
Roles
- Front-end web developer
- Content migrater
Skills
- HTML
- CSS
- Sass
- Bootstrap 4 library
- Content publishing
MLC Adviser Online site migration 2018
Content migration and front-end design uplift of the MLC Adviser Online website.
Previously hosted on OpenText, the MLC Adviser Online website has been migrated to the current AEM platform. This involved the migration, verification, and optimization of over 500 content pages and documents.
The site migration also allowed for the opportunity to uplift the front-end design to match the current styles of the MLC websites as well as integration of responsive web views, AA-level accessibility, and an overall better experience for all users.
Utilised Bootstrap 4 library and Sass.
Roles
- Front-end web developer
- Content migrater
Skills
- HTML
- CSS
- Sass
- Bootstrap 4 library
- Content publishing
MLC welcome emails uplift 2017
Front-end web developer of the rebranded uplift of MLC’s external customer emails.
MLC’s welcome customer emails were part of the Seamless Start-up initiative to uplift the email communications when onboarding new customers.
HTML templates were re-written with more understandable messages and the new design offers a greater consistency between MLC’s website and digital communications with the customers.
Roles
- Front-end web developer
- HTML email template developer
Skills
- HTML
- CSS
MLC Direct Super and Pension application forms 2016/2017
Front-end web developer of the newly created Direct Super and Pension application forms for the MLC website.
The Direct Super and Pension application forms were created as part of the Seamless-Start-up initiative to onboard new MLC customers. Driven by usability, the forms are one of the first newly designed single page application forms which included responsive web views and accessibility standards.
Utilised Bootstrap 3 library and LESS.
Roles
- Front-end web developer
- Content migrater
Skills
- Content publishing
- Bootstrap 3 library
- CSS
- LESS
Expenditure Tracker Android application 2015
A solo project created for the UTS 31285 Mobile Applications Development subject.
This application was created to help the user keep track of their money habits on a regular basis. The main functionalities of this application are adding a record for a spending or income transaction and viewing the history/trends of transactions. Some of its other features include viewing money trends based on transactions, and storing images of receipts from spending.
Created with Android Studio.
View the source code here on Bitbucket
Roles
- Developer
Skills
- Kotlin
- Android application development
- Java
- SQL
- XML
Scribble Jumper digital game 2015
A group project created for the UTS 31262 Introduction to Game Design subject.
Scribble Jumper was group project final assignment for the Introduction to Game Design subject. The aim of this platformer game was to reach the goal by using ink to avoid and overcome obstacles.
Within the group of 5 members, I was dedicated to overseeing the development of the game and was assigned to do all the documentation related tasks (interview scripting, journaling, final documentation), as well as create in-game assets, test, and provide feedback.
The game won an honorable mention for the semester.
View the demo here on Youtube
Roles
- Initial game idea creator, designer, artist, tester, documenter
Skills
- Photoshop
UTS Student Activities Organiser System 2015
A group project created for the UTS 48440 Software Engineering Practice subject.
The UTS Student Activities Organiser Systsem was created as a web service for UTS students to view, create, manage, and join activites hosted by other students.
The system used Spring MVC and Data Access Object Pattern to host the site. My role as the Project Manager was to oversee the team, and to provide the UX/UI overflow and design, as well as provide input to the final document.
Roles
- Project manager, UX/UI designer, HTML page template creator
Skills
- Bootstrap 3 library
Get in touch
LinkedIn profile, opens in new window Github page, opens in new window
View this site's source on Github