Mohamed Ayyan Kazia
Selected Work

Project case study

DegreeMaster Website

Course discovery and student enquiries, connected to protected course and lead administration. Designed, built, and deployed with a custom domain.

Role
Web Developer
Project date

Built with

  • React
  • TypeScript
  • Node.js
  • Express
  • PostgreSQL
  • Neon
  • Drizzle ORM
  • Cloudinary
  • Render
  • GoDaddy
Visit website

From education discovery to an enquiry

DegreeMaster helps students who are uncertain about their education or career direction discover and evaluate academic options. The website also gathers prospective student leads for the business.

I designed the UI, chose the colors and visual direction, and built the full system from scratch during my DegreeMaster internship. My work extended through deployment of the public website with its custom domain.

Two connected sides of the website

The public course catalog supports discovery, search, and filtering. Students can explore academic options and submit an enquiry.

DegreeMaster course comparison showing three academic programs side by side, including fees, duration, and eligibility.
Comparing academic options

The authenticated, protected admin area supports the work behind that public experience:

  • Creating, reading, updating, and deleting courses.
  • Managing student leads and changing their status.
  • Performing bulk lead actions and exporting records as CSV.
  • Managing course and college imagery backed by Cloudinary.

An intentionally unobtrusive interface trigger leads to the admin login. That is a presentation choice; administrative access is protected through authentication.

Application data and imagery

The application uses React and TypeScript with Node.js and Express. PostgreSQL, hosted on Neon, stores leads, courses, and administrative/system data, with Drizzle ORM in the stack.

Cloudinary stores and serves the college and course images displayed on the website. The project also uses Render and GoDaddy as part of its deployment and domain setup.

Taking the full system online

This was my first substantial experience deploying a complete website globally with a custom domain. Deployment and domain configuration required troubleshooting, making the launch a significant part of the learning experience alongside building the application itself.

The project brought together interface design, application implementation, data and media services, and public deployment in one piece of work.