Main Portfolio Priority

Web Development

This is the primary focus of the portfolio: responsive websites, frontend layouts, UI polish, live project previews, and clean interfaces built with HTML, CSS, JavaScript, and React practice.

HTML CSS JavaScript Responsive UI Main Focus
Live Projects

Web Project Previews

Start a Website
Personal portfolio preview
Live Website

Personal Portfolio

A responsive multi-page portfolio with dark/light themes, project pages, CV download, contact form wiring, and GitHub Pages hosting.

HTML CSS JavaScript GitHub Pages

Fast Static Pages

Simple structure, optimized assets, and clean navigation.

Theme Support

Dark and light modes use shared CSS variables.

Mobile Layouts

Hero, cards, buttons, and forms collapse cleanly.

Deployment Ready

Pages are built for GitHub Pages and custom domains.

GitHub Projects

All Projects From My GitHub

Open GitHub
TypeScript + React

Extra Life GYM

A modern gym website built with TypeScript and React, live on Vercel with full responsive design.

TypeScript React Vite Vercel
JavaScript + React

Real State

A real estate listing web app with property browsing and details, deployed on Vercel.

JavaScript React Vercel Property
TypeScript + React

Hyder Ali Advisory

A professional advisory portfolio website built with TypeScript and React, deployed on Vercel.

TypeScript React Vite Vercel
React + Laravel

Times

A watch-store web project with the tagline "more than time it's a statement."

JavaScript React Tailwind PHP Laravel
Java

MindWell

A wellness-focused application with a clean frontend, deployed and live online.

Java Wellness App Full Stack
HTML

WellGuide

An HTML project connected to health guidance and learning content, deployed on Netlify.

HTML Frontend Netlify
HTML

Photobooth

A photo-booth style web project with a fun interactive UI, deployed on Vercel.

HTML CSS Vercel
JavaScript

silence

A deployed JavaScript web project with a unique concept, hosted on Vercel.

JavaScript Vercel Web App

All public projects from my GitHub are listed above — from modern TypeScript + React apps deployed on Vercel to early HTML experiments on GitHub Pages. Each one reflects a different stage of learning, building, and shipping.

Web Services

Build

Responsive Pages

Clean landing pages, portfolio sections, and static websites that work across screen sizes.

Improve

UI Polish

Better spacing, colors, navigation, sections, mobile behavior, and visual hierarchy.

Publish

GitHub Pages Hosting

Static website deployment with custom domain setup and organized project structure.