Skip to content

hadeedhussainmemon/My-portfolio

Repository files navigation

Hadeed Hussain Portfolio

This is the official portfolio website of Hadeed Hussain (geek-hadeed), a Frontend Web Developer from Karachi, Pakistan. The site showcases projects, skills, qualifications, and contact information.

Features

  • Responsive Design: Works on desktop and mobile devices.
  • Projects Showcase: Recent projects loaded dynamically with pagination.
  • Skills & Qualifications: Accordion sections for skills and modal dialogs for qualification details.
  • Contact Section: Contact info and a form for sending messages.
  • Dark/Light Theme: Toggle between dark and light modes.
  • Smooth Navigation: Scrollspy, scroll-up button, and animated transitions.

Technologies Used

Project Structure

index.html
assets/
  styles.css
  assignments.css
  main.js
  projectData.js
  projectLoader.js
  imgs/
    Pro.png
    about.jpg
    projects/
      ...

How Projects Work

Project data is defined in projectsData and loaded dynamically into the Projects section using the ProjectLoader class.

Getting Started

  1. Clone or Download this repository.
  2. Open index.html in your browser.
  3. All assets are local; no build step required.

Client app (React + Vite + Tailwind)

This repository has been migrated to a React + Vite + Tailwind client located in client/.

To run the app locally:

cd client
npm install
npm run dev

The Vite dev server will start (usually at http://localhost:5173). Static assets (images and the CV) are served from client/public/.

Important: legacy site files were backed up under legacy/. After you verify the React client works and all assets load, you can remove the original assets/ and root index.html if you wish.

Customization

  • Add Projects: Edit projectsData to add or update projects.
  • Change Styles: Modify styles.css and assignments.css.
  • Update Info: Edit index.html for personal details, qualifications, and contact info.

License

This portfolio is for personal use. Feel free to use the structure for your own portfolio.