MYUniMatchCase study

AI web application

MYUniMatch

An AI-powered course matcher for Malaysian students: upload your SPM result slip or key in your grades, and MYUniMatch matches you with the universities and courses that fit, and it is free to use.

  • React
  • Vite
  • Supabase
  • Groq

Overview

MYUniMatch helps Malaysian students turn SPM results into a concrete university shortlist. Students upload their result slip, Groq's AI reads the grades, and the app ranks real courses and institutions by match score, and it is free with no credit card needed.

Role

Designed and built the whole product: React and Vite front end, Supabase accounts and data, and the Groq grade-analysis pipeline.

Challenge

Figuring out which university courses an SPM certificate actually qualifies for means hunting through entry requirements at institution after institution. Students wanted one place to see a personalised, ranked shortlist instead.

Solution

  1. 1A four-step flow: upload the SPM result slip (drag-and-drop photo or manual entry), let Groq's AI read the grades, match them against real Malaysian university entry requirements, then present courses and universities ranked by match score.
  2. 2Signed-in students keep their analysis history in Supabase, so a result slip is uploaded once and revisited anytime. Account data stays private to the student.
  3. 3University profiles, career insights (salary ranges and job demand) and an SPM grading guide sit alongside the matcher so students can research without leaving the app.

Features

  • SPM grade extraction: snap or upload a photo of the result slip and AI reads every subject and grade
  • Smart matching of grades against real Malaysian university entry requirements
  • Personalised shortlist of courses and universities ranked by match score
  • Career insights per recommended path: salary ranges, job demand and outlook
  • University profiles for public and private institutions across Malaysia
  • Private accounts with saved analysis history, completely free to use
MYUniMatch landing page with its SPM results illustration and Find My Match call to action
Cover
Full page screenshot of the MYUniMatch university matcher app
The whole page

Next case study

Jiea Parfum

Next case study
Welcome
Portrait of Amirul Hakim

Amirul Hakim

HakimOS

Role
Creative software engineer
Email
amirulhakim5383@gmail.com
Skills
19 tags across 5 areas
Services
5 ways to work together
Case studies
6 projects

Services

Websites, stores and interfaces built end to end. Pick a service to see what it includes, the work behind it and what it costs.

5 services

E-commerce

A storefront that takes orders, from product page to delivery.

WordPress and WooCommerce stores with the catalogue, cart, checkout, payment and shipping set up as one flow. Built the same way as the Lokasy tracker store, end to end.

RM 3,500–RM 8,000per store

Product count, payment gateway and shipping rules set the final quote.

What you get

  • WooCommerce product catalogue and cart
  • Secure checkout with payment gateway setup
  • Shipping integration and order handoff
  • Storefront design built around the products
  • Product pages you can edit yourself

Good fit for

  • Product brands
  • Single-product launches
  • Sellers moving off marketplace listings

Related work

Branding websites

A company site that carries the brand and answers the first questions.

A marketing site for a service business or company: page structure, visual direction, service pages and an enquiry route that works. Built on WordPress so the team can keep editing, or in Next.js when the site needs to do more.

RM 1,800–RM 5,000per site

Page count, copy support and custom features set the final quote.

What you get

  • Page structure and content outline
  • Visual direction matched to the brand
  • Service, about and contact pages
  • Booking or enquiry flow
  • Editable WordPress pages, or a custom Next.js build

Good fit for

  • Service businesses
  • New companies
  • Teams with a site they cannot update

Related work

Web applications

Accounts, saved data and a real workflow, built as one product.

React and Next.js interfaces on Node.js, Express and MySQL. Accounts, saved history and AI steps where the job needs them, like reading an SPM result slip or keeping a training plan between sessions.

RM 8,000–RM 30,000per project

Scoped in milestones; accounts, integrations and AI steps add weight.

What you get

  • React or Next.js front end
  • Express.js and MySQL backend
  • Accounts and saved user data
  • AI features for reading documents or images
  • Admin and content tools where needed

Good fit for

  • Founders testing a product idea
  • Teams replacing spreadsheets
  • Tools with a specific workflow

Related work

UI / UX design

Flows and screens worked out before the build starts.

Wireframes, user flows and high-fidelity screens in Figma, drawn to stay readable on a phone and usable from a keyboard. It can stand alone for a handoff or run straight into the build.

RM 2,000–RM 8,000per project

Number of screens, flows and revision rounds set the final quote.

What you get

  • Wireframes and user flows
  • High-fidelity screens in Figma
  • Responsive layout specs
  • Contrast and focus checks

Good fit for

  • Apps that feel cluttered
  • New products without a design yet
  • Teams handing work to developers

Poster and visual design

Print and social posters with the message readable at a glance.

Poster design for print, events and social posts. Type, layout and colour handled so the message reads from across a room on paper and still works on a phone screen.

RM 150–RM 450per poster

Campaign sets and extra crops are quoted as one bundle.

What you get

  • Poster layout and typography
  • Print-ready files and social crops
  • Variations for one campaign

Good fit for

  • Events and promotions
  • Campaigns
  • Businesses without a designer

Related work

Email HakimRanges are indicative. Tell me the pages, features and deadline, and I reply with a fixed quote.

Favourites

Kinds

6 items

Select an item
to preview

Photo of Amirul Hakim

Amirul Hakim

amirulhakim5383@gmail.com

Creative software engineer

Skills+

19 skills across 5 areas · 5 expertise groups

  • Biography
  • Quote
  • Stack

Hey there! I'm a web developer and designer who's passionate about crafting smooth, user-friendly experiences. Whether it's building intuitive interfaces or creating strong, scalable backends, I love finding solutions that just work.

I'm all about curiosity and innovation, and I bring that energy to everything I do, whether it's working with React, JavaScript, HTML, CSS, or creating clean, maintainable code. I'm excited about delivering results that truly matter to users, and I'm always looking for new ways to push things further.

“Great design isn't just strong and functional; it's also unique and accessible.”

Stack

  • React
  • JavaScript
  • HTML / CSS
  • Node.js
  • Express.js
  • MySQL
  • Tailwind CSS
  • Bootstrap
  • WordPress
  • WooCommerce
  • Figma

Frontend Development

React, JavaScript, HTML and CSS shaped with Tailwind CSS or Bootstrap. Interfaces that stay fast, readable and easy to keep building on.

  • React
  • JavaScript
  • HTML / CSS
  • Tailwind CSS
  • Bootstrap

Backend Engineering

Node.js, Express.js and MySQL on the server side, arranged so the interface always has something solid to talk to.

  • Node.js
  • Express.js
  • MySQL
  • NPM

System Integration

Payments, shipping and CMS wired into one working flow, like the secure checkout and shipping setup behind Lokasy.

  • Payment integration
  • Shipping integration
  • WordPress setup

UI / UX Design

Drawn in Figma first, then built so the result stays accessible, clear and genuinely pleasant to use.

  • Figma
  • Accessibility
  • Responsive layouts

E-Commerce

WooCommerce stores on WordPress, from product pages to checkout, including the Bluetooth tracker shop Lokasy runs on.

  • WordPress
  • WooCommerce
  • Avada
  • Checkout flows
Send

Aa⌁
To:amirulhakim5383@gmail.com
Subject:Hello Hakim

Channels

  • LinkedIn (opens in a new tab)
  • GitHub (opens in a new tab)

HakimOS 1.0: creative software engineer shell

Type "help" for commands.

hakim@os:~$
MYUniMatch landing page with its SPM results illustration and Find My Match call to action
AI web applicationFeatured

MYUniMatch

An AI-powered course matcher for Malaysian students: upload your SPM result slip or key in your grades, and MYUniMatch matches you with the universities and courses that fit, and it is free to use.

ReactViteSupabaseGroq

Role

Designed and built the whole product: React and Vite front end, Supabase accounts and data, and the Groq grade-analysis pipeline.

MYUniMatch

AI web application

MYUniMatch

An AI-powered course matcher for Malaysian students: upload your SPM result slip or key in your grades, and MYUniMatch matches you with the universities and courses that fit, and it is free to use.

  • React
  • Vite
  • Supabase
  • Groq

Overview

MYUniMatch helps Malaysian students turn SPM results into a concrete university shortlist. Students upload their result slip, Groq's AI reads the grades, and the app ranks real courses and institutions by match score, and it is free with no credit card needed.

Role

Designed and built the whole product: React and Vite front end, Supabase accounts and data, and the Groq grade-analysis pipeline.

Challenge

Figuring out which university courses an SPM certificate actually qualifies for means hunting through entry requirements at institution after institution. Students wanted one place to see a personalised, ranked shortlist instead.

Solution

  1. 1A four-step flow: upload the SPM result slip (drag-and-drop photo or manual entry), let Groq's AI read the grades, match them against real Malaysian university entry requirements, then present courses and universities ranked by match score.
  2. 2Signed-in students keep their analysis history in Supabase, so a result slip is uploaded once and revisited anytime. Account data stays private to the student.
  3. 3University profiles, career insights (salary ranges and job demand) and an SPM grading guide sit alongside the matcher so students can research without leaving the app.

Features

  • SPM grade extraction: snap or upload a photo of the result slip and AI reads every subject and grade
  • Smart matching of grades against real Malaysian university entry requirements
  • Personalised shortlist of courses and universities ranked by match score
  • Career insights per recommended path: salary ranges, job demand and outlook
  • University profiles for public and private institutions across Malaysia
  • Private accounts with saved analysis history, completely free to use
MYUniMatch landing page with its SPM results illustration and Find My Match call to action
Cover
Full page screenshot of the MYUniMatch university matcher app
The whole page

Next case study

Jiea Parfum