About Beat Stream

Inspiration

Our inspiration for Beat Stream came from a desire to create an accessible music streaming platform that lets users enjoy their favorite tracks and empowers them to share and upload their own music. We aimed to blend user interaction with seamless streaming, reminiscent of popular platforms like Spotify, while incorporating decentralized technology for enhanced user control.

What it does

Beat Stream is a music streaming web application that offers:

  • Music Playback: Stream your favorite songs with a user-friendly interface.
  • User Accounts: Log in to access personalized playlists, liked songs, and upload your own music.
  • Song Uploads: Easily upload songs and share them with the community.
  • Search Functionality: Find songs, artists, and albums quickly.
  • Subscription System: Enjoy exclusive features through a subscription model.
  • NEAR Wallet Integration: Users can connect their NEAR wallet, creating a decentralized profile for liking and uploading songs, providing more secure and personal ownership of their content.

How we built it

We built Beat Stream using:

  • Next.js for server-side rendering and dynamic routing.
  • Supabase as our backend for database management and authentication.
  • Tailwind CSS for a responsive, modern design.
  • Stripe and NEAR for flexible payment processing and profile management.
  • JavaScript with React for frontend functionality, alongside state management for seamless playback.

Challenges we ran into

Throughout development, we faced challenges including:

  • Real-time Updates: Implementing real-time song updates for seamless user experience, requiring extensive use of Supabase’s features.
  • Subscription Management: Integrating Stripe for payments and ensuring accurate subscription handling posed some initial difficulties.
  • NEAR Wallet Integration: Setting up secure wallet integration for user profile management, while maintaining compatibility with centralized user accounts.
  • Responsive Design: Achieving a consistent look across devices using Tailwind CSS.

Accomplishments that we're proud of

We are proud of:

  • Implementing a fully functional music upload feature that allows users to share their own music.
  • Successfully integrating NEAR wallet functionality, allowing users to create decentralized profiles for unique interaction within the app.
  • Developing a subscription system for premium features, creating flexibility for users.

What we learned

During Beat Stream’s development, we learned:

  • The importance of user feedback in shaping features that enhance user experience.
  • Advanced functionalities of Supabase, especially for real-time data handling and access control.
  • Effective strategies for integrating payment systems like Stripe, and incorporating Web3 elements like NEAR wallet for decentralized profile management.

What's next for Beat Stream

Looking ahead, we plan to:

  • Introduce social sharing options, enabling users to share their favorite tracks on social media.
  • Partner with independent artists and labels to expand our music library.
  • Implement personalized music recommendations and explore further Web3 integrations for unique user interactions.

Built With

Share this project:

Updates