Cyberpunk Portfolio Website

A futuristic portfolio website built with Vue.js, featuring a cyberpunk theme with neon effects and smooth animations.

Features

• 🌓 Light/Dark mode toggle
• 🎨 Cyberpunk-inspired design with neon effects
• 📱 Fully responsive layout
• 🔄 Smooth scrolling navigation
• 🎠 Interactive project carousel
• ✨ AOS (Animate On Scroll) animations
• 🖼️ Dynamic photo gallery
• 📝 Contact form with modern styling

Tech Stack

• Vue.js 3
• Bootstrap 5
• AOS (Animate On Scroll)
• Google Fonts (Orbitron)

Project Structure

/portfolio-website
  |-- index.html                      # Main HTML file
  |-- css/
      |-- style.css                   # Global styles
  |-- js/
      |-- main.js                     # Vue.js initialization
      |-- aos-init.js                 # AOS animations config
  |-- components/
      |-- Navbar.vue                  # Navigation component
      |-- SectionAbout.vue           # About section
      |-- SectionProjects.vue        # Projects carousel
      |-- SectionPlayground.vue      # Interactive playground
      |-- SectionGallery.vue         # Photo gallery
      |-- SectionContact.vue         # Contact form
  |-- assets/
      |-- images/                    # Project images

Setup Instructions

1. Clone the repository
2. Open index.html in your browser
3. For development:
   • Use a local server (e.g., python -m http.server)
   • Install Vue.js devtools for debugging

Customization

• Edit css/style.css to modify the theme colors and effects
• Update component content in the components/ directory
• Add your own images to assets/images/

Contributing

Feel free to submit issues and enhancement requests!

Contact

For any questions or feedback, please reach out through the contact form on the website.