NFT Tracks — Alpha Release (Frontend Prototype)

[cywf]

🎵 NFT Tracks — Alpha Release (v0.1.0-alpha)

This is the first public alpha of the NFT Tracks frontend — a platform designed for independent artists to mint 1/1 music NFTs, retain full ownership, and earn perpetual royalties on every resale.

This release includes the complete, interactive frontend prototype, built with React + TypeScript, Tailwind v4, and shadcn/ui. It uses mock APIs and localStorage persistence while laying the foundation for future blockchain and backend integrations.

---

🚀 What’s Included

✅ Landing Page

• Hero section
• Value proposition
• Feature highlights
• CTA buttons

✅ Artist Dashboard

• Overview stats (tracks, sales, royalties)
• Track grid with cards
• “Create New Track” quick actions

✅ Create Track Wizard

• Step 1: Track details (title, genre, BPM, mood, description)
• Step 2: Artwork upload
• Step 3: Economics (pricing, royalties, resale rules)
• Step 4: Review + “Mint Simulation”
• All data persists via mock API (localStorage)

✅ Track Detail Page

• Artwork + metadata
• Waveform placeholder visualization
• Ownership & IPFS hash info (mocked)
• Mint + purchase simulation

✅ Subscription Pricing Page

• Free vs Pro tier comparison
• FAQ section
• Mock Stripe checkout

✅ Settings Page

• Profile info
• Mock wallet connection
• Subscription plan management

---

🎨 Design System

• Primary: Deep Purple (creative)
• Secondary: Dark Cyan (technical)
• Accent: Bright Cyan (call to action)
• Warning: Warm Amber (earnings)
• Background: Dark Slate
• Fully Tailwind v4 & shadcn/ui themed

---

🧪 Technical Foundation

• React 19 + TypeScript
• React Router v7
• Tailwind v4
• shadcn/ui v4
• Phosphor icons
• Sonner notifications
• Vite development/build

---

🔮 Next Steps (Roadmap)

• Integrate Wagmi + Viem for Web3
• Implement IPFS uploads (audio + artwork)
• Add real payment processor (Stripe)
• Build backend (Node/Go) for authentication + persistence
• Add smart contract minting
• Implement royalty logic on-chain

---

⚠️ Alpha Notice

This is an early-stage prototype intended for UI/UX evaluation and product shaping.
Backend, Web3, and IPFS integrations are stubs only.

If you find issues, please open an Issue or contact the team.

---

This discussion was created from the release NFT Tracks — Alpha Release (Frontend Prototype).