🔊 Based Beats

A seamless onchain music streaming app with no wallet pop-ups

Built for Base Builder Quest 11 - an onchain app that leverages the Base Account SDK to provide a frictionless Web3 music experience.

🎯 About the Project

Based Beats is a decentralized music streaming platform that demonstrates the power of Sub Accounts with Auto Spend Permissions from the Base Account SDK. Users can enjoy an onchain music experience without the friction of constant wallet confirmations and pop-ups.

Key Features

• No Wallet Pop-ups: Seamless user experience using Base Account SDK's Sub Accounts with Auto Spend Permissions
• Onchain Music Streaming: Fully decentralized music platform built on Base
• Sign-In with Base: Easy authentication using Base's wallet integration
• Progressive Web App: Installable PWA for native-like experience
• Modern UI: Beautiful interface built with Next.js and Hero UI components

🚀 Getting Started

First, install dependencies:

yarn install

Then, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

🛠️ Tech Stack

• Next.js - React framework for production
• Base Account SDK - Sub Accounts with Auto Spend Permissions
• Wagmi - React hooks for Ethereum
• Zustand - State management
• Hero UI - UI component library
• TypeScript - Type safety

🔑 Key Implementation

This app uses the Base Account SDK to integrate Sub Accounts with Auto Spend Permissions, allowing users to:

1. Sign in once with their wallet
2. Create a sub-account with spending limits
3. Interact with onchain features without repeated wallet confirmations
4. Enjoy a seamless Web3 music streaming experience

📝 License

This project was built for Base Builder Quest 11.