MHR

Muhammad Hammad Rauf

Available for frontend projects

Muhammad Hammad Rauf

Frontend Developer | IT Student | Networking Enthusiast

I build clean, responsive interfaces while studying IT and exploring how modern networks, systems, and AI-powered tools can make digital products faster and more useful.

M

IT Student

const focus = [“UI”, “Networks”, “AI”]

building: responsive web experiences

learning: secure systems and routing

UI

Frontend

NET

Networking

AI

Assistant

About

A student developer building the bridge between interfaces and infrastructure.

I’m Muhammad Hammad Rauf, an IT student focused on frontend development, responsive web design, and the practical side of computer networking. I enjoy turning ideas into clean user interfaces and learning how the systems behind them connect, route, and scale.

My goal is to grow into a developer who can design polished digital experiences, understand the infrastructure that supports them, and use AI tools thoughtfully to work faster without losing craft.

Responsive UI

Networking Basics

AI Workflows

Skills

Core tools I’m using and improving every week.

Frontend

HTML, CSS, JavaScript, Flutter, and responsive UI implementation with clean structure and readable components.

Networking

Networking Fundamentals, IP addressing, routing concepts, troubleshooting, and practical network planning.

Systems

CentOS System Administration, server setup basics, command-line workflows, and Linux environment configuration.

Security & Backend

Firebase for app data and authentication, plus PfSense Firewall configuration for secure network control.

Projects

Selected builds and project concepts.

01

E-Dental Store Web App

A responsive web application with clean UI/UX design, structured pages, and a polished interface for an online dental store experience.

Web App

UI/UX

Responsive

02

Flutter Chat App

A real-time chat application built with Flutter and Firebase, focused on smooth messaging flow and mobile-friendly interaction.

Flutter

Firebase

03

CentOS Network Setup

Configured static routing, IP addressing, and PfSense firewall on CentOS for a practical network administration setup.

CentOS

PfSense

AI Assistant

An assistant concept for study, code, and project momentum.

This section highlights an AI helper idea: a guided assistant that can explain frontend concepts, summarize networking notes, generate practice tasks, and help organize portfolio project ideas into clear next actions.

Explain code

Summarize notes

Plan projects

Assistant: What are you building today?

Muhammad: A responsive portfolio and a study tracker.

Assistant: Let’s outline sections, tasks, and learning goals.

AI Career Assistant

A personal AI agent for career growth and job readiness.

I built a personal AI career assistant to help organize my growth as a developer. It supports resume tailoring, interview preparation, and focused next steps so every application, project, and learning goal becomes easier to act on.

Career Growth

Turns goals into practical learning paths and weekly action items.

Resume Tailoring

Adapts project highlights and skills for different roles and job posts.

Interview Prep

Generates practice questions, model answers, and confidence-building drills.

Career Chatbot

Embed Ready

Chatbase chatbot widget is connected

The provided Chatbase script has been added here and will load the live chatbot on the published site.

Chatbase widget connected

Contact

Let’s build something clean, useful, and responsive.

Open to frontend practice projects, internship opportunities, collaborations, and conversations about web development, IT, networking, and AI tools.

© 2026 Muhammad Hammad Rauf. Built with focus and curiosity.

Create a free website with Framer, the website builder loved by startups, designers and agencies.