Skip to content

Latest commit

Β 

History

62 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Asyad Nazeem β€” Developer Portfolio

A modern and interactive personal portfolio website showcasing my projects, education, and experience as a Software Engineering Graduate and Full Stack Developer.
Built to demonstrate both technical skills and clean UI design.


πŸš€ Overview

This portfolio highlights my journey in Full Stack Development, Data Analysis, and Business Analysis.
It includes a collection of hands-on projects ranging from ERP systems and AI-driven disease detection to Excel-based business insights.


✨ Features

  • 🎨 Responsive Design β€” fully optimized for desktop and mobile.
  • πŸŒ™ Dark/Light Mode Toggle using Context API.
  • ⚑ Smooth Scroll Navigation with active link highlighting.
  • 🧩 Project Gallery with detailed modals and image carousels.
  • πŸ—‚οΈ Dynamic Data Rendering β€” projects managed via modular JSON objects.
  • 🧠 Clean, Minimal & Accessible UI with Tailwind CSS and React hooks.

🧰 Tech Stack

Category Technologies
Frontend React.js, Vite, Tailwind CSS
Libraries Lucide Icons, React Scroll, React Icons
Deployment GitHub Pages
Version Control Git & GitHub

πŸ—‚οΈ Folder Structure

my-portfolio/
β”œβ”€β”€ src/
β”‚ β”œβ”€β”€ components/
β”‚ β”‚ β”œβ”€β”€ Navbar.jsx
β”‚ β”‚ β”œβ”€β”€ ProjectCard.jsx
β”‚ β”‚ β”œβ”€β”€ DarkModeToggle.jsx
β”‚ β”‚ └── ...
β”‚ β”œβ”€β”€ data/
β”‚ β”‚ └── projects.js
β”‚ β”œβ”€β”€ styles/
β”‚ └── main.jsx
β”œβ”€β”€ public/
β”œβ”€β”€ package.json
└── README.md

βš™οΈ Setup & Installation

To run this project locally:

# Clone the repository
git clone https://github.com/AsyadNazeem/My-Portfolio.git

# Navigate into the project folder
cd My-Portfolio

# Install dependencies
npm install

# Start the local development server
npm run dev

🌍 Deployment

Deployed via GitHub Pages: πŸ‘‰ https://asyadnazeem.github.io/My-Portfolio


πŸ–ΌοΈ Screenshots

Section Screenshot

1. Home Page

Home Page

Projects

2. Projects Page

Projects Page

Education

2. Education Page

Education Page

Contact

2. Contact Page

Contact Page


πŸ“‚ Featured Projects

Some projects showcased in this portfolio:

Mubarak Products – Business Website (React, Tailwind, Vite)

Parkinson’s Disease Detection – AI-Driven Health App (Laravel, Python, Streamlit, Scikit-learn)

Enterprise Resource Planning System – Full Stack Web App (PHP, MySQL, JS)

Sales Data Analysis & Visualization – Excel Dashboard using Pivot Tables & Data Cleaning

Advanced SQL Automation – Employee Data Analysis using Window Functions, CTEs & Triggers


πŸ‘¨β€πŸ’» Author

Asyad Nazeem Software Engineering Graduate | Full Stack Developer | Data & Business Analyst

πŸ”— Portfolio Website

πŸ’Ό LinkedIn

πŸ“§ asyadnazeem@gmail.com


πŸ“œ License

This project is open-sourced under the MIT License β€” feel free to use and modify for personal learning or inspiration.

About

πŸ’Ό Professional & Clean Modern personal portfolio built with React, showcasing projects and skills.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages