Skip to content

Latest commit

 

History

History
64 lines (49 loc) · 1.8 KB

README.md

File metadata and controls

64 lines (49 loc) · 1.8 KB

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.