CCT360 Project 2

This project is a personal website for Joaquin Pacia, showcasing various sections including a blog, resume, photos, and more.

Prerequisites

To view the website on your own computer, you need the following:

• A web browser (e.g., Google Chrome, Mozilla Firefox, Safari)
• A local web server (optional but recommended for better experience)

Viewing the Website

Option 1: Directly Opening HTML Files

1. Download the Project: Clone or download the project repository to your local machine.

   git clone https://github.com/your-username/cct360-project2.git

2. Navigate to the Project Directory: Open the project directory.

   cd cct360-project2

3. Open HTML Files: Open the index.html file in your web browser. You can do this by double-clicking the file or right-clicking and selecting "Open with" followed by your preferred web browser.

   open html/index.html

Option 2: Using a Local Web Server

Using a local web server is recommended for a better experience, especially if the website uses relative paths for assets like CSS, JavaScript, and images.

1. Download the Project: Clone or download the project repository to your local machine.

   git clone https://github.com/your-username/cct360-project2.git

2. Navigate to the Project Directory: Open the project directory.

   cd cct360-project2

3. Start a Local Web Server: You can use various tools to start a local web server. Here are a few options:

   • Python (version 3.x):

     python -m http.server

   • Node.js (using http-server):

     First, install http-server if you haven't already:

     npm install -g http-server

     Then, start the server:

     http-server

   • Live Server (VS Code Extension):

     If you are using Visual Studio Code, you can install the "Live Server" extension. After installation, open the project in VS Code, right-click on index.html, and select "Open with Live Server".

4. Open the Website: Once the local web server is running, open your web browser and navigate to http://localhost:8000 (or the port number provided by your web server).

Project Structure

• .github/: GitHub workflows for CI/CD.
• .vscode/: VS Code settings.
• css/: Stylesheets including Bootstrap and custom styles.
• html/: HTML files for different sections of the website.
• img/: Images used in the website.
• js/: JavaScript files including Bootstrap and custom scripts.
• README.md: This file.

License

This project is licensed under the MIT License.