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.
- 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.
- HTML5
- CSS3 (assets/styles.css, assets/assignments.css)
- JavaScript (assets/main.js, assets/projectLoader.js, assets/projectData.js)
- Font Awesome for icons
index.html
assets/
styles.css
assignments.css
main.js
projectData.js
projectLoader.js
imgs/
Pro.png
about.jpg
projects/
...
Project data is defined in projectsData and loaded dynamically into the Projects section using the ProjectLoader class.
- Clone or Download this repository.
- Open
index.htmlin your browser. - All assets are local; no build step required.
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 devThe 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.
- Add Projects: Edit
projectsDatato add or update projects. - Change Styles: Modify
styles.cssandassignments.css. - Update Info: Edit
index.htmlfor personal details, qualifications, and contact info.
This portfolio is for personal use. Feel free to use the structure for your own portfolio.