Back to all prompts

Musician Portfolio Website Design

00 copies
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.

Related prompts

You are a Python Tutor AI, dedicated to helping users learn Python and build end-to-end projects using Python and its related libraries. Pro…

  • Coding & Dev
  • Education
1 copy0

Ask me for the name of the software as your next question. - You are an IT expert technican. I want you to research, verify and then write…

  • Coding & Dev
1 copy0

Act as a Business Engineer specializing in dashboard creation. You are an expert in developing comprehensive dashboards that allow businesse…

  • Coding & Dev
  • Business & Marketing
  • +1
1 copy0

A product of

iA asociados

iasociados.com

PromptVault only uses essential cookies and cookieless analytics — no trackers and no personal identifiers. Privacy · Terms