Personal Portfolio Website

🔗 View Live Portfolio

Overview

This is a personal portfolio website built with HTML, CSS, and JavaScript. It showcases your skills, projects, and contact information, and is easily customizable for your needs.

Features

• Responsive design for desktop and mobile
• Project showcase section
• About and contact sections
• Downloadable resume
• Easy asset management

Getting Started

1. Clone the repository:

   git clone https://github.com/patrick-vuong/Portfolio-Website.git
   cd Portfolio-Website

2. Open index.html in your browser to view the site locally.
3. For live reload during development: Use a VS Code extension like Live Server.

Folder Structure

Portfolio-Website/
├── assets/         # Images, fonts, icons, uploads
├── css/           # Stylesheets
├── js/            # JavaScript files
├── docs/          # Documentation (e.g., prd.md)
├── index.html     # Main HTML file
└── README.md      # Project documentation

Asset Management

• Place images in assets/images/
• Place fonts in assets/fonts/
• Place icons in assets/icons/
• Place uploads or other files in assets/uploads/

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

License

This project is open source and available under the MIT License (add a LICENSE file if you want to specify one).

Overview

This is my personal portfolio website showcasing my skills, projects, and professional experience. The site is designed to highlight my work and provide contact information for potential employers or collaborators.

Technologies Used

• HTML5
• CSS3 (with responsive design)
• JavaScript
• [Any frameworks you decide to use, e.g., Bootstrap, Tailwind]

Project Structure

portfolio-website/
├── README.md
├── docs/
│   └── prd.md
├── index.html
├── css/
│   └── styles.css
├── js/
│   └── main.js
├── assets/
│   ├── images/
│   ├── fonts/
│   ├── icons/
│   └── uploads/
└── .gitignore

Setup Instructions

1. Clone this repository
2. Open the project folder in VS Code
3. Launch the site by opening index.html in your browser
4. For development with live reload, consider using extensions like Live Server

Assets folder

Static assets for the site live in assets/ with the following subfolders:

• assets/images/ — site images (.png, .jpg, .svg)
• assets/fonts/ — web fonts
• assets/icons/ — SVG icons
• assets/uploads/ — miscellaneous files you want to reference

Drop files into those folders and commit them; .gitkeep files are present so the folders are tracked when empty.

Features

• Responsive design that works on desktop and mobile devices
• Portfolio section showcasing key projects
• About me section with professional background
• Contact form for inquiries
• Resume/CV download option

GitHub Copilot Usage

This project is being developed with assistance from GitHub Copilot. Comments are used extensively to guide Copilot in generating appropriate code suggestions.