01
Client Project — Blog & Magazine Website
The UX Gazette is a modern Blog & Magazine Website developed for a client using WordPress. The site features
a
structured, editorial layout with featured articles, category filtering, trending posts, and a sidebar for
quick
navigation. Built with performance and SEO in mind, the website is fully responsive, loads fast, and is easy
for the
client to manage independently through the WordPress dashboard. Clean design, organized content structure,
and smooth
user experience were the top priorities for this project.
WordPress, Custom Theme, Responsive Design
02
Self Project — Social Media Web App
This X (Twitter) Clone is a fully responsive frontend web app built using HTML and Tailwind CSS. It
replicates the core
layout and UI of the X platform — including the left navigation sidebar, post feed, trending topics panel,
and "Who to
Follow" suggestions. Built with a dark theme and modern UI/UX principles, this project demonstrates strong
skills in
layout design, component-based CSS structuring, and attention to detail. A great showcase of frontend
precision and
responsive design capability.
HTML, Tailwind CSS, JavaScript
03
Self Project — Interactive Web App
The Mathematics Quiz App is a fully interactive web application built with HTML, CSS, and vanilla
JavaScript. It
presents users with multiple-choice math questions one at a time, offering instant right/wrong feedback
after each
answer. Features include a question counter, score tracking, and a results screen at the end. The app has a
clean,
dark-themed UI with cyan accent colors for a focused and engaging experience. This project highlights my
ability to
handle DOM manipulation, event-driven logic, and dynamic UI updates with pure JavaScript — no libraries
needed.
04
Self Project — Portfolio Website
This Personal Portfolio Website was designed and developed from scratch using HTML, CSS, and JavaScript. It
features a
modern, clean aesthetic with a pink and white color scheme, a circular profile photo, a horizontal work
experience
timeline, and a responsive layout that looks great on all devices. The website includes a hero section with
bio and
social links, a detailed work experience timeline, a Download CV button, and a Contact Me section. This
project
showcases my ability to create professional, visually appealing portfolio sites for individuals and
professionals.
05
Self Project — Visual / UI Component
The Analog Clock project is a real-time, interactive clock built entirely with HTML, CSS, and JavaScript. It
features a
neon-glowing design with color-coded clock hands (hour, minute, second) displayed on a dark
glassmorphism-style face.
Below the analog clock face, a digital time display shows the exact time in HH:MM:SS format. JavaScript's
Date object
drives the real-time updates while CSS transform: rotate() powers the smooth hand movement. This project
demonstrates
mastery of JavaScript timing functions, CSS transforms, and creative UI design with no frameworks required.
06
Client Project — Official Government-Affiliated Organization Website
WSSC DI Khan is an official website developed for the Water & Sanitation Services Company of Dera Ismail
Khan, a
government-affiliated utility company established in 2016. Built on WordPress, the site features a
professional,
multi-page layout including Home, About Us, Media, Downloads, Gallery, Careers, and Contact sections. The
website is
fully responsive, fast-loading, and SEO-friendly — designed to serve as the organization's digital face for
citizens,
stakeholders, and media. This project was a significant client milestone and demonstrates my ability to
deliver
professional, institutional-grade WordPress websites.
WordPress, Custom Design, Responsive
