Projects that I have done

SimplyPress

A Blog post that has basic features of add, edit, delete post without any database

Type of Project: Server-side Blog
Frontend: Embedded Javascript (EJS), Bootstrap
Backend: Node.js, Express.js

This project is a Node.js application

SimplyPress Blog Post Landing Page

WaspMMAGym

Paid-project by a Mixed-Martial Arts Gym in Penang to create a infographic website with the type of services they provide.

Type of Project: Infographic Responsive Website
Frontend: HTML/CSS, Javascript, Bootstrap, FontAwesome

This project is built upon CSS template

Wasp MMA Gym Landing Page

QRFreg

Powered by Bulma.io and vanilla JS that provides basic features url-to-qrcode converting functionality. Works on both web and mobile

Type of Project: Node.js Web App
Frontend: HTML/CSS, Javascript, Bulma.io, ionicons
Backend: Node.js

This project is an upgraded version with frontend of url-to-qrcode

QRFreg URL to QR code converter Page

On-going Projects

Business Web Replica

Re-design and re-build a business website that does data analytics services. This project is a multi-page and planned to build upon without templating

Type of Project: Infographic Responsive Website
Frontend: React.js, Tailwind.css, DaisyUI
Backend: Node.js, Express.js

Might include API or Database down the road on the project. 🤔

github picture

Jiu-jitsu Technique Tracker

A Jiu-jitsu technique Tracker that allows user to log and track techniques, manage based on categories. Functionality of note taking for providing additional context and media attachment for external resources

Type of Project: CRUD Responsive Web App
Frontend: React.js
Backend: Express.js & Node.js
Database: MongoDB

Currently in building-in-progress

github picture

De-prioritized Projects

MakanApa

A food recommendation application specifically on Penang Food. In hopes that this project will be able to solve my lack-of-contribution in a social activities on where-to-eat. 😔

Reason to De-prioritized: Want to sharpen my frontend web-based stack (my JS still need some work)

CraftYourStack

Enable developer to craft ideal stack for their project requirement with explanation of pros & cons. This project inspiration came to me when I was struggling to choose which tech stack to use for a specific project. 🤔

Reason to De-prioritized: This project may be a little bit too heavy for me to take on (for now)

UX Typography Calculator

Allow user to key in "h1" tag size and it should help calculate the recommended "h2", "h3" and spacing between text. I was struggling to find the correct font size when designing a modern landing page. So, thought it would be nice to have a calculator to calculate for me the reasonable size to use.

Reason to De-prioritized: Need more knowledge on UI/UX theory but not part of my focus at the moment

Let's build something together

Let's connect!