ronhedwigzape

My Official Harry-Potter Themed Portfolio

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.

🦉 Development - Setup & Commands

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

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

Navigate to the project directory:

cd portfolio

Install dependencies:

npm install

Start the local development server at localhost:1000:

npm run dev

🧙‍♂️ Production - GitHub Pages

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
```

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
```

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"

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

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.

✨ Features

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

👨‍💻 Technologies Used

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.

⚖ License

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!