Hi, I'm Usman👋

Full-Stack Developer Building High-Performing Web Applications

profile picture

About

I'm a full-stack developer and UI/UX designer. I love building things for the web that are not only functional but also look good and are easy to use. My main goal is to turn ideas into real, working applications. Whether it's a complex app or a simple, clean website, I enjoy the entire process of bringing a vision to life with code.

Work Experience

Blogify
Blogify
Full-Stack Developer
2026
  • Built a complete PHP blogging platform with article publishing, editing, deletion, cover image uploads, and server-side pagination.
  • Implemented role-based access control for Admin, Author, Editor, and User accounts with protected actions and dashboards.
  • Developed category filtering, keyword search, article discussions, comment moderation, and profile management workflows.
  • Designed a dual-engine PDO database layer supporting MySQL on traditional PHP hosting and SQLite for serverless Vercel deployment.
  • Applied prepared statements, XSS escaping, password_hash(), and password_verify() for secure data and authentication handling.
Ludi Social
Ludi Social
Lead Developer
Jan 2026 - Present
  • Built the entire application from scratch as the sole developer.
  • Developed the full stack system including frontend, backend, and database.
  • Implemented Convex as the backend infrastructure for real-time data handling.
  • Integrated external APIs including the Twitch API to fetch the latest game data.
  • Designed and built the complete UI and UX system from scratch.
  • Developed a custom ranking algorithm for game scoring and dynamic list sorting.
  • Managed API integrations, data flows, and the overall system architecture.
  • Configured production-level setups, closed-beta testing pipelines, and performance improvements.
A Step Toward Haq
Full Stack Developer
2025
  • Built a complete Islamic education platform from scratch for an online Quran & Arabic learning institute.
  • Developed a structured course system with progress tracking, automated test evaluation, and certificate generation.
  • Implemented a visual referral tree system for tracking student network growth and detecting broken referral chains.
  • Built a dedicated admin panel with user search, role management, and referral chain monitoring.
  • Integrated WhatsApp API for direct communication between admins and students.
  • Created a real-time notification system to alert users about referral issues and platform updates.
Freelancer
Web Development & UI/Ux
2024 - Present
  • Worked directly with clients to plan project goals and turn their ideas into clear requirements.
  • Focused on building responsive websites that work perfectly on desktops, tablets, and phones.
  • Helped clients improve their existing sites by fixing bugs, boosting performance, and adding new features.
  • Developed my professional portfolio and online presence to showcase my work and find new projects.

Education

GIFT University logo
GIFT University
Present
Bachelor in Data Science
Punjab College logo
Punjab College
2021 - 2023
Intermediate in Computer Science

Skills

JAVA
PYTHON
SQL & DATABASES
POWER BI
MACHINE LEARNING
GENERATIVE AI
CLOUD (AWS/AZURE/GCP)
HTML/CSS/JAVASCRIPT
REACT
NEXT.JS
REACT NATIVE
TAILWIND CSS
NODE.JS
EXPRESS.JS
PHP
FIREBASE
SUPABASE
POSTGRESQL
SANITY CMS
STRIPE
FRAMER MOTION
GIT & GITHUB
VERCEL
FIGMA

My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

AI Captioning Tool

AI Captioning Tool

I built this full-stack SaaS to solve a problem I faced as a video editor. It uses Remotion for programmatic video creation and AWS Lambda for serverless rendering, allowing creators to generate professional animated captions automatically and save hours of work.

Next.js
Supabase
Remotion
Tailwind CSS
AWS Lambda
Cloudflare R2
Stripe
React
Ludi

Ludi

A social network for gamers to review, catalog, and rank games—similar to Letterboxd. It features a custom ranking algorithm that ranks games dynamically based on user choices in a comparison mini-game. Developed using React Native and Convex, the app is currently in closed-beta testing for iOS and Android.

React Native
Expo
Convex
Clerk
Firebase FCM
Expo Notifications
Tailwind CSS
Neurogence

Neurogence

A structured learning intelligence system designed to help ABA therapists and specialists capture session activity, understand support delivery, and track progress over time. Developed to turn quiet session signals into clear, actionable progress metrics, the platform is currently under active development.

Next.js
React
Tailwind CSS
Healthcare Tech
Grand Masti Tours

Grand Masti Tours

A Tour Management System built for our university database project. Travellers can create private trip plans, invite friends to collaborate, and plan routes on an interactive map. Businesses can create profiles, design trip packages, set margins, and publish them to a marketplace. The platform also includes booking management, announcements, and a dedicated admin panel to manage users, trips, and overall system activity.

HTML
CSS
JavaScript
PHP
MySQL
Google Places API
Leaflet.js
Lucide Icons
Governance AI Agent

Governance AI Agent

I built this automation to monitor governance proposals across selected protocols. It checks for new proposals or status changes then posts updates to Twitter with no manual work. I also made an admin page where the team can review tweets, edit them, and manage the tracked protocols. The system runs on n8n and delivers a full workflow for a live governance bot.

Next.js
n8n
Supabase
ShadcnUI
Twitter API
Gemini API
A Step Toward Haq

A Step Toward Haq

A full-stack Islamic education platform built for an online Quran and Arabic learning institute. Features structured courses with progress tracking, automated certificate generation, a visual referral tree system, a dedicated admin panel, and real-time notifications — designed to serve a growing global student community.

HTML
CSS
JavaScript
Bootstrap
PHP
MySQL
WhatsApp API
Movers Packers Dubai

Movers Packers Dubai

A production-ready movers and packers platform for Dubai with service discovery, multi-step bookings, photo uploads, order tracking, customer authentication, transactional emails, and a protected admin dashboard for managing the full booking workflow.

React 19
TypeScript
Vite
React Router
Tailwind CSS
GSAP
Lenis
Leaflet
Supabase
Auth0
Resend
Blogify

Blogify

A full-featured personal blogging platform built with PHP and MySQL/SQLite. Blogify includes role-based access control, article publishing, media uploads, category search, pagination, comments, user dashboards, admin moderation, and serverless Vercel deployment support.

PHP
MySQL
SQLite
JavaScript
HTML5
CSS3
PDO
Vercel
HinglishMagic

HinglishMagic

As a user of the Submagic tool, I needed Hinglish captions, but the app only generated Hindi. I took the initiative to build this Chrome extension to solve my own problem. It converts the Hindi output into easy-to-read Hinglish. The CEO of Submagic loved the idea and later added the feature to their official product.

JavaScript
Chrome Extension
Gemini API
DOM
Match-Cut AI (Micro Saas)

Match-Cut AI (Micro Saas)

Creating cinematic match cuts is a huge challenge for video editors. This in-progress tool solves that by using AI to generate them automatically. It uses Remotion for programmatic video creation and AWS Lambda for serverless rendering, allowing creators to generate professional match cuts automatically and save hours of work.

Next.js
Supabase
Remotion
Tailwind CSS
AWS Lambda
Cloudflare R2
Stripe
React
ShadcnUI
Anya Website

Anya Website

I built this landing page for Anya, a Web3 game. I added a CMS for easy content updates, a blog section, and an interactive map feature. The final result looks clean and engaging.

Next.js
Tailwind CSS
Framer Motion
Sanity CMS
React Bits
Tanisha Web3 Consultant

Tanisha Web3 Consultant

I delivered a complete website solution for a client who needed full control over her content. By integrating a Sanity CMS and automating her contact form with Google Sheets and Nodemailer, I built a system that empowered her to manage her business independently.

Next.js
Tailwind CSS
Framer Motion
Sanity CMS
GoogleSheet Api
Nodemailer
Google Analytics
Snappet

Snappet

As a developer, I wanted a better way to share code snippets online. I built this tool with Next.js and Framer Motion to create a polished, engaging UI. The core feature converts styled HTML directly into a downloadable image, which was a fun frontend challenge.

Next.js
Tailwind CSS
Framer Motion
ShadcnUI
Monaco
HTML to Image
Snappet CLI

Snappet CLI

To expand on my original Snappet app, I built this CLI version as an NPM package. This Node.js tool uses Puppeteer for headless browser automation, allowing developers to generate code screenshots directly from their terminal for a much faster workflow.

JavaScript
Node.js
Puppeteer
DOM

Creative Coder

I like building things

I‘m all about building cool things! Whether it‘s spinning up web apps, designing smooth UIs, or giving brands a fresh facelift, I‘ve had a great time collaborating with some amazing clients. I thrive on bringing innovative solutions to the table and making sure every project is as fun as it is functional. Let‘s create something awesome and have a blast doing it!

Let's bring your ideas to life

Reach out if you'd like to collaborate or discuss design systems. I'm all ears.

Email
Copied