ahmadMOlogy - Personal Portfolio

A responsive personal portfolio website featuring professional background, cultural heritage, and passions. This project was developed as coursework for BSM104 Web Technologies.

Features & Tech Stack

• Frontend: HTML5, CSS3, JavaScript, Vue.js (Forms), Vite.
• Backend: PHP (Login/Dashboard authentication).
• Design: Fully responsive mobile-first layout with custom CSS utilities and Fontshare typography.
• Functionality: Interactive navigation, contact form with local storage support, and protected admin dashboard.

Project Structure

MyWebsite/
├── index.html          # Landing page
├── *.html              # Content pages (Education, Homeland, Heritages, Passions)
├── login.php           # Authentication entry
├── dashboard.php       # Protected user area
├── src/                # Vue.js logic & main scripts
└── styles/             # Modular CSS files

Quick Start

1. Install Dependencies: ```bash npm install

2. **Run Frontend (Static Preview):**
```bash
npm run dev

1. Run Backend: To use the Login and Dashboard features, host the project folder on a PHP-enabled server (e.g., XAMPP, Apache) and access via http://localhost/MyWebsite/.

License

Private coursework project.