Hassan Ali
  • Home
  • Portfolio
Contact Me
Hassan Ali

My Portfolio

Note:

Projects marked with [WIP] are works in progress and may not be fully functional. Some projects backends use Heroku eco plan which may take time to wake up, causing initial loading delays.

GluTrack
View Project

Tech Stack:

ReactTypeScriptTailwind CSSNode.jsSymfonyReact QueryViteProgressive Web App (PWA)
GluTrack Screenshot 1GluTrack Screenshot 2

view project code here

Project Overview

  • GluTrack is a full-stack web application designed to help users monitor and manage their blood glucose levels effectively
  • It makes use of modern frameworks to provide a modern user interface and seamless experience
  • The backend is powered by Node.js and Symfony, ensuring robust performance and scalability
  • The frontend is built with React and TypeScript, offering a responsive and interactive user experience
  • Tailwind CSS is utilized for styling, providing a clean and consistent design throughout the application
  • Additionally, React Query is integrated to handle data fetching and state management efficiently.
Cabin and Carvan Parking Business Website
View Project

Tech Stack:

ReactTypeScriptTailwind CSSNode.jsNext.jsSanity CMS
Cabin and Carvan Parking Business Website Screenshot 1Cabin and Carvan Parking Business Website Screenshot 2Cabin and Carvan Parking Business Website Screenshot 3

Project Overview

  • A Next.js web application for a cabin and caravan parking business
  • It features a modern and responsive design using Tailwind CSS, dynamic content management with Sanity CMS, and seamless server-side rendering with Next.js
  • The backend is powered by Node.js, ensuring efficient performance and scalability.
E-commerce Platform

Tech Stack:

Next.jsJavaScriptTailwind CSSShadCnPostgreSQLPrismaStripeVercelAuth.js (formerly NextAuth.js)
E-commerce Platform Screenshot 1E-commerce Platform Screenshot 2

Project Overview

  • A modern e-commerce platform built with Next.js and Tailwind CSS
  • It offers a sleek and user-friendly interface, seamless payment integration with Stripe, and efficient data management using PostgreSQL and Prisma
  • The platform is deployed on Vercel for optimal performance and scalability.
Parcel Services Web Application

Tech Stack:

HTMLCSSJavascriptBootstrapPHPMySQL

Project Overview

  • First full stack web application built as a University Project
  • This parcel services web application allowed users to create accounts, schedule parcel pickups, and track deliveries
  • The frontend was developed using HTML, CSS, Javascript, and Bootstrap for responsive design, while the backend was powered by PHP and MySQL for data management and user authentication.
Book Review Website

Tech Stack:

HTMLCSSJavascriptSymfonyMySQLBootstrapTwigPHPDoctrine ORMComposerJWT Authentication

Project Overview

  • University Project for Advanced Web Development module
  • This was a full stack web application that allowed users to review and rate books
  • Built using Symfony for the backend and MySQL for the database, it featured user authentication, book search functionality, and a responsive design.
Issue Tracker Application

Tech Stack:

ReactTypeScriptChakra UINode.jsNext.jsAuth.js (formerly NextAuth.js)VercelPrismaPostgreSQLTailwind CSS

Project Overview

  • First Next.js Project for learning purposes
  • This application allowed users to track and manage issues or tasks within a project
  • It featured user authentication, issue creation and assignment, and a dashboard for monitoring progress.
NotiLED Smart Notification System [WIP]

Tech Stack:

ESP32Node.jsWLEDNext.jsReactTypeScriptTailwind CSSVercelAuth.js (formerly NextAuth.js)PrismaPostgreSQLShadCNPythonWebsockets

Project Overview

  • A web interface to control and customise WLED powered LED strips connected to an ESP32 microcontroller
  • The system allows users to set up smart notifications through colour codes and light patterns for various alerts such as emails, messages, and calendar events
  • The backend is built with Node.js, while the frontend uses Next.js and React for a seamless user experience
  • Python will be used to handle websocket communication between the web app and the ESP32 device.
Image Converter [WIP]

Tech Stack:

ReactViteTypeScriptTailwind CSSShadCNNode.jsExpressSharp

Project Overview

  • A web application that allows users to upload images and convert them between various formats (e.g., JPEG, PNG, HEIC)
  • Built with a React frontend using Vite for fast development and a Node.js backend with Express and Sharp for efficient image processing.
© Hassan Ali 2026. All rights reserved.