Personal Portfolio Website

A fully responsive personal portfolio website built with HTML, CSS, and JavaScript. No frameworks or libraries were used in the development of this project.

Features

• Fully responsive design (mobile, tablet, desktop)
• Dark mode toggle with theme customization
• Smooth animations and transitions
• Interactive project filtering
• Dynamic project loading from JSON file
• Clean, modern UI/UX
• Contact form with validation
• Accessible and SEO-friendly

Folder Structure

  portfolio/
  │
  ├── index.html - Home page with hero section and featured projects
  ├── about.html - About page with skills and experience
  ├── projects.html - Projects page with filtering functionality
  ├── contact.html - Contact page with form
  │
  ├── css/
  │ ├── style.css - Main styles
  │ ├── responsive.css - Responsive styles
  │ └── theme.css - Dark theme styles
  │
  ├── js/
  │ ├── main.js - Main JavaScript functionality
  │ ├── darkmode.js - Dark mode toggle
  │ └── filter.js - Project filtering
  │
  ├── assets/
  │ ├── img/ - All images
  │ ├── icons/ - SVG/PNG icons
  │ └── fonts/ - Custom fonts (optional)
  │
  ├── data/
  │ └── projects.json - Project data
  │
  └── README.md - Project documentation

How to Use

1. Clone or download this repository
2. Open index.html in your browser
3. Navigate through the different pages using the menu

Customization

• Replace the placeholder images in assets/img/ with your own
• Update project data in data/projects.json
• Modify colors and styles in the CSS files
• Update personal information in the HTML files

Browser Support

Noted] The portfolio is tested and works on all modern browsers including Chrome, Firefox, Safari, and Edge.