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:

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

🧙‍♂️ Production - GitHub Pages

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.

✨ 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!