A full-stack school management portal with AI-driven career guidance, role-based access, and real-time collaboration.
A full-stack school management portal designed to streamline communication between teachers, parents, and students. Features role-based dashboards, automated grade and attendance tracking, real-time messaging, and an integrated Python AI engine providing personalized career recommendations.
MongoDB
Express.js
React.js
Node.js
Python
AI/MLA modern study-abroad consultancy website redesigned from the ground up with React, TypeScript, and Lovable.
A modern, high-converting web platform engineered for a study-abroad consultancy. Designed mobile-first with React, TypeScript, and Tailwind CSS to replace outdated legacy flows with interactive university search, lead generation forms, and fast page speeds.
React.js
TypeScript
Lovable
Tailwind CSS
ViteA full authentication module featuring Google Sign-In, email/password login, and password reset — built with Vue.js and Firebase.
A robust, production-grade authentication and user management module developed for Byte Force IT Solutions. Features OAuth 2.0 Google Sign-In, email/password verification, secure password reset, and a modular Vue.js component architecture.
Vue.js
FirebaseNode.jsExpress.jsMongoDBA MERN stack password manager with secure storage, clipboard copy, and full CRUD — built to learn full-stack development end to end.
A full-stack MERN application built to provide local and cloud password management. Features instant searching, one-click clipboard copying, encrypted-at-rest field persistence, and full CRUD operations without page reloads.
MongoDBExpress.jsReact.jsNode.jsTailwind CSSViteA static Twitter UI clone built with HTML, CSS, Tailwind CSS, and JavaScript — focused on responsive layout and component recreation.
A pixel-perfect frontend clone of Twitter's complex 3-column desktop and mobile interface. Stress-tests Tailwind CSS utilities and vanilla JavaScript to deliver interactive tweet feeds, sticky sidebars, and responsive UI components.
HTML
CSSTailwind CSS
JavaScriptA React task manager with Tailwind CSS — add, complete, and delete tasks with a clean, minimal interface.
A refined React productivity app designed with Tailwind CSS. Demonstrates immutable state management patterns, local storage state persistence, task filtering, and smooth task completion animations.
React.jsTailwind CSSCSSJavaScriptA polished automobile showcase website for an Oman-based car dealership, built with React, TypeScript, and Supabase.
A premium automotive showcase platform built for an international car dealership in Oman. Engineered with React, TypeScript, and Supabase to deliver real-time inventory management, high-performance visual asset delivery, and an intuitive administration workflow.
React.jsTypeScript
SupabaseTailwind CSSViteA redesigned, visually elevated contractor website with 3D elements, animations, and a tour-guide chatbot — built to win a real client.
A visually immersive spec rebuild of an existing contractor platform, enhanced with interactive 3D elements, smooth micro-animations, and an AI-driven tour-guide bot. Built as an active sales tool to demonstrate modern digital experiences to real prospective clients.
React.jsTypeScriptLovableTailwind CSSshadcn/uiA Next.js re-engineering project — overhauled design, new city pages, and city-specific service pages for a Canadian home services brand.
A complete Next.js re-engineering project for a major Canadian home services brand operating across Ottawa, Toronto, Gatineau, and Montreal. Engineered dynamic local routing to generate city-specific service pages, significantly boosting local SEO rankings.
Next.jsReact.jsTailwind CSS
ElementorA React text manipulation tool — case conversion, extra space removal, text-to-speech, and one-click clipboard copy.
A lightweight, browser-native text processing suite built with React. Offers instant case conversion, extra whitespace stripping, character/word metrics, text-to-speech playback, and one-click clipboard extraction.
React.jsHTML
BootstrapCSSJavaScriptA multi-page BMW website clone with Home, About, Contact, and Car Models pages — built with HTML, Bootstrap, CSS, and JavaScript.
A multi-page automotive showcase site replicating BMW's luxury digital brand. Built with HTML, CSS, Bootstrap, and JavaScript to deliver responsive car model showcases, interactive navigation menus, and clean page layouts.
HTMLBootstrapCSSJavaScriptA Node.js CLI tool that automatically organises a messy folder by sorting files into extension-based subdirectories.
A high-utility Node.js CLI automation tool that organizes messy directories by automatically scanning, categorizing, and sorting files into extension-based subfolders with collision protection.
Node.jsJavaScriptfs module