Step into a vibrant cyberpunk world where code meets art. Follow Jax 'Synth' Volkov, an elite front-end architect, as he crafts a groundbreaking portfolio website designed to dominate a high-stakes hackathon. This visually stunning story is a testament to creativity, ambition, and the power of cutting-edge technology, brought to life with dazzling neon aesthetics and intricate digital landscapes.
Act as an elite front-end architect and award-winning UI/UX designer. Create a modern, visually stunning, responsive personal portfolio website that could win a hackathon. The website must demonstrate advanced front-end development skills and creative design thinking. TECH STACK: Use HTML5, CSS3, and JavaScript (or React if needed). Use modern UI techniques such as Flexbox, CSS Grid, smooth animations, and micro-interactions. Ensure clean, well-structured, and commented code. CORE REQUIREMENTS: 1. HERO SECTION * Full screen hero section * Name, role (e.g., Front-End Developer) * Animated typing effect introducing skills * Background gradient or animated particles * Call-to-action buttons (View Projects / Contact) 2. ABOUT ME * Short professional introduction * Profile image * Timeline of learning journey * Animated statistics (years coding, projects completed, technologies learned) 3. SKILLS SECTION * Display skills with interactive progress bars or animated skill cards * Categorize skills (Frontend, Backend, Tools) * Hover effects and modern icons 4. PROJECT SHOWCASE * Display at least 4 projects * Project cards with: * Image preview * Description * Technologies used * GitHub link * Live demo link * Add hover animations and filtering by technology 5. ACHIEVEMENTS SECTION * Hackathons, certifications, awards * Timeline or badge style layout * Smooth scroll reveal animations 6. INTERACTIVE FEATURES * Smooth scrolling navigation * Scroll-triggered animations * Dark/Light mode toggle * Floating navigation bar * Back-to-top button 7. CONTACT SECTION * Contact form (Name, Email, Message) * Social media icons * Email link * Animated success message 8. FOOTER * Minimal modern footer * Copyright * Social links DESIGN REQUIREMENTS: * Clean modern UI similar to top developer portfolios * Glassmorphism or neumorphism styling * Beautiful color palette * Mobile-first responsive design * Works perfectly on mobile, tablet, and desktop * Accessibility best practices ADVANCED FEATURES TO IMPRESS JUDGES: * Animated cursor or particle background * Loading screen animation * Scroll progress indicator * Project modal popup * Performance optimized * SEO friendly OUTPUT: Provide full working code with file structure: index.html style.css script.js Ensure the design looks like a professional developer portfolio that stands out in a hackathon.
