Skip to content

Releases: cywf/AudiFi

NFT Tracks — Alpha Release (Frontend Prototype)

27 Nov 15:54
@cywf cywf
v0.1.0-alpha
481fa5b

Choose a tag to compare

View all tags
NFT Tracks — Alpha Release (Frontend Prototype) Pre-release
Pre-release

🎵 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.

Loading
0 Join discussion