top of page

Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

suno ai pro mode demo

AI Web App Design

January 2025

Irvine, CA

Designer

functional demo of a "pro mode" for Suno AI.

channeled the vintage heart of the current design honoring traditional music production but with a modern and playful twist.

- progressive web app support

- desktop & mobile responsive

- core-framework-language:
• vite (build-tool)
• typescript
• react

- ui-styling:
• shadcn-ui (component-library)
• tailwind-css
• lucide-react (icons)

- state-management-data-fetching:
• @tanstack/react-query

- additional-features:
• pwa-support (via-vite-plugin-pwa)
• react-router-dom (for-routing)
• react-hook-form (for-form-handling)
• zod (for-schema-validation)

- development-tools:
• eslint (for-code-linting)
• swc (via-vitejs-plugin-react-swc-for-fast-compilation)

bottom of page