Skip to content
View hadiashah01's full-sized avatar

Highlights

  • Pro

Block or report hadiashah01

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
hadiashah01/README.md

Hi 👋, I'm Hadia

Frontend Web Developer

I build responsive, SEO-friendly websites and web applications that give businesses a professional and effective online presence.

I turn ideas and designs into modern web experiences with a strong focus on responsive design, usability, accessibility, search visibility, and clean frontend implementation.

What I Build

  • Business Websites — Modern, responsive websites designed to present businesses professionally online
  • Responsive Web Applications — Functional interfaces that work smoothly across desktop, tablet, and mobile
  • SEO-Friendly Websites — Semantic structure, metadata, JSON-LD structured data, and search visibility considerations
  • Interactive Interfaces — Dynamic experiences with forms, state management, API integration, and reusable components

Core Capabilities

  • Frontend: HTML5, CSS3, JavaScript (ES6+), React
  • UI & Styling: Responsive Design, Tailwind CSS, Component-Based UI
  • Functionality: State Management, API Integration, Dynamic Content
  • Web Quality: Semantic HTML, Accessibility, SEO-Friendly Structure
  • Tools & Deployment: Git, GitHub, Vite, GitHub Pages

Featured Work

Banking Dashboard & Quick Transfer System

A responsive React banking dashboard featuring account management, interactive transfers, dynamic balances, and transaction history.

  • Account selection with active account details
  • Credit and debit functionality
  • Dynamic balance and transaction updates
  • Interactive Quick Transfer workflow
  • Reusable React components
  • Responsive desktop and mobile interface
  • Deployed with GitHub Pages

View repository

Tech: React · Vite · JavaScript · CSS

The Kitchen Garden

A premium restaurant website designed around a polished digital presence and responsive customer experience.

  • Modern hospitality-focused interface
  • Responsive layouts across screen sizes
  • Structured content and visual presentation
  • Tailwind CSS implementation
  • Business-oriented sections and user experience

View repository

Tech: HTML · Tailwind CSS · JavaScript

User Directory

A responsive web interface that retrieves user data from an external API and presents it through dynamic profile views.

  • REST API integration
  • Dynamic user data rendering
  • Individual profile views
  • Loading states
  • Responsive interface
  • URL-based navigation

View repository

Tech: HTML · CSS · Bootstrap · JavaScript · REST API

Static-to-React

A responsive website interface rebuilt as a React application using reusable components.

  • Converted a static interface into React
  • Component-based UI structure
  • Responsive layouts
  • Reusable interface elements

View repository

Tech: React · Vite · JavaScript · CSS

Technical SEO

I incorporate frontend SEO practices into web projects, including:

  • Semantic HTML structure
  • Metadata and page information
  • JSON-LD structured data
  • Responsive implementation
  • Google Search Console

My approach is to build websites that are not only visually polished and functional, but also structured with usability and search visibility in mind.

Connect With Me

Interested in discussing a frontend project, website, or collaboration?

I’m focused on building responsive, accessible, and well-structured web experiences with modern frontend technologies.

Development Journey

Documenting my journey weekly in a separate file.

👉 View my journey here

Pinned Loading

  1. bank-account-manager bank-account-manager Public

    A React-based banking dashboard built to implement component architecture, state management, and interactive credit/debit functionality.

    JavaScript

  2. react-components react-components Public

    A collection of reusable React UI components built to practice component-based architecture, props, and modern CSS using React and Vite.

    JavaScript

  3. static-to-react static-to-react Public

    A responsive Winter World Lahore website clone built with React and Vite to practice component-based frontend development.

    JavaScript

  4. bbc-news-homepage-clone bbc-news-homepage-clone Public

    A BBC News homepage clone built with HTML, CSS, and JavaScript, featuring dynamic news content fetched from an external API and a responsive layout structure.

    HTML

  5. the-kitchen-garden the-kitchen-garden Public

    A premium front-end landing page for a luxury hospitality destination, designed with editorial-inspired layouts, modern UI interactions, and a refined visual experience using HTML, Tailwind CSS, an…

    HTML

  6. user-directory user-directory Public

    A responsive user directory built with HTML, CSS, Bootstrap, and JavaScript that fetches user data from the JSONPlaceholder API. Features dynamic profile pages, URL parameter routing, loading state…

    JavaScript