I'm a full stack web developer based in Singapore and I design and create beautiful, immersive and responsive user interfaces for websites across all devices.
My priority is to create a space that captivates the viewer at first glance, thereby increasing your customer conversion rate. My goal is to make your brand synonymous with your product.
I will love to build a website for you.
In September 2017, after about two weeks of learning Python on my own, I decided to attend a 3-month web development bootcamp just to see if I am passionate about coding in general.
What started off as a curiosity with code slowly turned into something that I genuinely enjoy over the course of the bootcamp.
While the learning journey has been frustrating and difficult at times, the thrill of seeing my imagination and ideas come to life on the web is what drives me on in continuing this path.
Front End development is building out the visual components of a website design into a custom website with the user experience in mind. In this area, I have experience in:
Javascript | jQuery | HTML 5 | Slim | CSS 3 | Sass | Bootstrap | Gimp | Inkscape | Balsamiq | Responsive Web Design
Back End development is making the application work as intended. It may involve security, database interactions, and performance etc. In this area, I have experience in:
Ruby | Rails | RSpec | PostgreSQL | Python | Javascript
Other skills that I learnt along the way:
Git | Heroku | Linux CLI
Click on the images to learn more.
Ruby on Rails + PostgreSQL
DragonTweet is a microblogging and social networking web application on which users post and interact with messages known as "DragonTweets". It connects fighters with superpowers from DragonBall Z. Registered users can post, like, and retweet DragonTweets and follow other users.
My own version of popular social media app Twitter with a theme modelled after the anime "Dragon Ball Z". This app is a clone of Twitter using Ruby on Rails. While the idea is not original, I learnt a lot from building this app - from the basics of Rails framework to more advanced concepts like search function, hashtag functionality etc. I am a fan of the anime "Dragon Ball Z", so I decided to design my app based on characters from the anime.
The web application is fully functional even though the file uploader is not working and the profile images are not shown. This is because I lost access to both the file uploader and the profile images stored using the file uploading service, i.e Filestack, because my Filestack account was deleted due to inactivity. Unfortunately, I am unable to make changes to the web application as it has reached end-of-life and can no longer be built again.
Fortunately, I was able to capture screenshots of the app with the profile images. You can view the missing profile images in the slideshow above.
Note: The screenshots above are of the Desktop version of the website. There is another version for Mobile browser.
Ruby on Rails + PostgreSQL
An ecommerce website selling Gundam models. It started off as a collaborative prototype website done in my bootcamp with two other coursemates. After the bootcamp, I decided to create a ecommerce website using my knowledge and love for Gundam models. It comes with a customer ordering & payment functions as well as administrative functions.
Customers are able to search for the Gundam models according to:
Price / Brand / Category / Nameand add them to cart. They can view their selected models' details, price, quantities and make adjustments in the cart. When they wish to checkout, they will be required to sign in with their account or via Facebook. Once they are signed in, they can proceed for payment. Transactions are tracked using Braintree.
Admin is able to sign in to perform administrative functions in a seperate undisclosed URL. Admin will be able to keep track of:
Stock Count / Cost Price / Selling PriceAdmin is also able to upload images of the models and customize the images shown in the website as well as perform standard CRUD operations on the models. Admin is also able to search for models using filters.
Note: The screenshots above are of the Desktop version of the website. There is another version for Mobile browser.
Ruby on Rails + PostgreSQL
A corporate capstone project done with two other coursemates during my bootcamp for a local social media company. They approached us with their problem of the delivery of performance reports of their memes and videos for their clients. Their reports were generated manually and it took them an average of 2 to 3 hours per day. To improve their efficiency, we created an automated statistical reporting application that can be used by their clients and staff to monitor performance in real time.
Due to non disclosure agreement, I am unable to provide access to the application.
However you can view the presentation slides below to get a better understanding of the app. I have also included screenshots of how the app works in the slideshow above.
Technical Requirements
Super Admin
• Able to assign super admin to user admin
• Able to create/destroy user admin
• Able to reassign clients to another user admin
• Able to create trade category for clients
• Able to destroy clients
• Able to do everything that user admin can do
User Admin
• Able to create/edit/update clients under his portfolio
• Able to create/edit/update campaigns for clients
• Able to assign categories to clients
• Able to create/update/destroy posts for clients
• Able to create/update/destroy benchmarks for clients
• Able to get insights from Facebook API for posts
• Able to see a dashboard of all clients, their campaigns and posts
• Able to see a dashboard for individual client, his campaigns and posts
• Able to see the status of a campaign progress & the deliverables status
• Able to do/see everything a client can do/see
Client
• Able to see a dashboard of all his campaigns' stats & benchmarks
• Able to click into one campaign and see stats & benchmarks
• Able to click into an individual post and see stats & benchmarks
Note: The screenshots above are of the Desktop version of the website. There is another version for Mobile browser.
HTML + JavaScript
A two player game. Winner wins by connecting either horizontally/vertically/diagonally four discs of the same color together.
This is a project that I did to explore things which were not taught or used much during my Bootcamp; Javascript and Algorithms. I decided to create a game because I like developing games. I chose Connect Four because it was my favourite childhood game. The code is written in vanilla Javascript.
Note: The screenshots above are of the Desktop version of the website. There is another version for Mobile browser.
If you have any projects or would like to work with me, I would love to connect with you! Please fill the form below. Alternatively, you can send me an email or meet me in person at my home.