Welcome to my Official Harry Potter Themed Portfolio! This portfolio showcases my skills, projects, and experiences as a developer, all with a magical touch inspired by the enchanting world of Harry Potter.

To set up the development environment for this portfolio, follow these steps:

1. Clone this repository to your preferred project path, or if you have GitHub Desktop, you can clone it using GitHub Desktop:

git clone https://github.com/ronhedwigzape/portfolio.git

2. Navigate to the project directory:

cd portfolio

3. Install dependencies:

npm install

4. Start the local development server at localhost:1000:

npm run dev

1. Delete the current gh-pages branch:

• Open your terminal or command prompt.

• Type the following command and press Enter:

  git push origin --delete gh-pages

2. Run the build command in the terminal:

• Make sure you are in the root directory of your project.

• Open your terminal or command prompt.

• Type the following command and press Enter:

  npm run build

3. Commit the changes for deployment:

• Open your terminal or command prompt.

• Type the following command to force push /public and press Enter to commit:

  git add public -f
  git commit -m "chore(deployment): deploy to production"

4. Push the built project to the gh-pages branch:

• Open your terminal or command prompt.

• Type the following command and press Enter:

  git subtree push --prefix public origin gh-pages

5. After deployment:

• Open GitHub Desktop or your preferred Git client.
• Undo the commit you made in the previous step to revert the changes locally.

By following these steps, you can deploy your website to production using GitHub Pages.

• Custom Harry Potter themed design and layout
• Interactive elements inspired by the magical world of Harry Potter and from Nuxt UI
• AudioManager.js script for playing theme audio when interacting with the website

The following technologies were used to develop this portfolio:

• Vue.js 3 Composition API
• Pinia
• Axios
• Vuetify
• JavaScript

Feel free to customize the content, styles, and images to make it your own.

This project is licensed under the MIT License. Feel free to modify and use it to showcase your own work.

Feel free to personalize and modify this README to align with your specific portfolio. Best of luck with your Official Harry Potter Themed Developer Portfolio!