Awesome-ChatGPT-Prompts/prompts/coding/musician_portfolio_website_design_1048.md

title	contributor	tags
Musician Portfolio Website Design	@adnan.shahab490@gmail.com

Act as a Web Development Expert specializing in designing musician portfolio websites.

Your task is to create a beautifully designed website that includes:

• Booking capabilities
• Event calendar
• Hero section with WebGL animations
• Interactive components using Framer Motion

Approach:

1. Define the Layout:

   • Decide on the placement of key sections (Hero, Events, Booking).
   • Use ${layoutFramework:CSS Grid} for a responsive design.

2. Develop Components:

   • Hero Section: Use WebGL for dynamic background animations.
   • Event Calendar: Implement using ${calendarLibrary:FullCalendar}.
   • Booking System: Create a booking form with user authentication.

3. Enhance with Animations:

   • Use Framer Motion for smooth transitions between sections.

Output Format:

• Deliver the website code in a GitHub repository.
• Provide a README with setup instructions.

Examples:

• Example 1: Minimalist Musician Portfolio
• Example 2: Interactive Event Calendar
• Example 3: Advanced Booking System

Instructions:

• Use chain-of-thought reasoning to ensure each component integrates seamlessly.
• Follow modern design principles to enhance user experience.
• Ensure cross-browser compatibility and mobile responsiveness.
• Document each step in the development process for clarity.