Transform your Spotify listening habits into a competitive, achievement-based social experience
[Created and maintained by Henry Fritz.]
Prestige redefines how people experience, share, and connect over music. At its core, Prestige assigns levels of "prestige" based on the time you spend with your favorite albums, songs, and artists. Think of it as gamifying your music listening; compete with friends, rate your music, share your unique music journey, and use your listening habits as the ultimate conversation starter.
- 16-Tier Achievement System: Bronze → Silver → Gold → Platinum → Diamond → Iridium → Dark Matter
- Time-Based Progression: Unlock higher tiers by demonstrating dedication to your favorite music
- Visual Badges: Beautiful prestige indicators that showcase your musical commitment
- Compare Prestiges: See how your dedication stacks up against friends
- Friend Profiles: Discover friends' music tastes and gain insights into their personalities
- Social Discovery: Find new music through your network's listening habits
- Real-time Sync: Seamlessly connects to Spotify for live data updates
- Complete History: Tracks your listening beyond Spotify's limited native history
- Live Activity: See what friends are currently playing
- Achievement System: Unlock cosmetic badges for listening milestones
- Leaderboards: Compete with friends on favorite tracks, albums, and artists
- Progress Tracking: Visual progress bars showing your journey to the next tier
Inspired by Abraham Maslow's Peak Experiences
Abraham Maslow identified music as a universal pathway to peak human experiences – moments of joy, connection, and self-realization. Prestige builds on this idea, creating a space where music is not just listened to but celebrated and shared.
In 2025, music has become a lifestyle for millions globally. Despite the explosion of streaming platforms and fandoms, there's no single community where music lovers can come together and dive deep into the magic of music. Prestige fills this gap by fostering connection through:
- Authentic Expression: Share your music taste, not just photos
- Friendly Competition: Prove your dedication to fellow music fans
- Musical Discovery: Learn about others through their unique preferences
- Meaningful Connections: Connect over shared musical experiences
- React 18 - Modern UI framework with hooks and concurrent features
- TypeScript - Type-safe JavaScript for better development experience
- Vite - Lightning-fast build tool and development server
- Tailwind CSS - Utility-first CSS framework for rapid styling
- shadcn/ui - High-quality component library built on Radix UI
- TanStack Query - Powerful data synchronization for React
- React Router - Declarative routing for single-page applications
- Axios - Promise-based HTTP client
- Auth0 React SDK - Secure authentication integration
- Responsive Design - Optimized for mobile and desktop
- Real-time Updates - Live data synchronization
- Node.js 18+ and npm/yarn
- Spotify Premium account (for real-time features)
-
Clone the repository
git clone https://github.com/yourusername/prestige-web.git cd prestige-web -
Install dependencies
npm install # or yarn install -
Environment Setup Create a
.env.localfile with your configuration:VITE_AUTH0_DOMAIN=your-auth0-domain VITE_AUTH0_CLIENT_ID=your-auth0-client-id VITE_AUTH0_AUDIENCE=your-api-audience VITE_API_BASE_URL=your-backend-api-url
-
Start development server
npm run dev # or yarn dev -
Open your browser Navigate to
http://localhost:5173
- Sign in with Spotify - Connect your Spotify account through Auth0
- Profile Setup - Set your nickname and select favorite tracks/albums/artists
- Start Listening - Your Spotify listening automatically syncs with Prestige
- Add Friends - Search for friends and start comparing prestige levels
- Explore - Discover new music through your friends' profiles
- Dashboard - View your top tracks, albums, and artists with prestige levels
- Profile - Customize your profile and view your music statistics
- Friends - Manage your friend list and browse their music tastes
- Individual Items - Deep dive into specific tracks, albums, or artists
Secure authentication with Spotify integration
Track your favorite songs with prestige levels |
Browse your top albums with visual prestige badges |
Discover your most listened artists and their prestige tiers |
|
Your personalized music profile showcasing top items |
Deep dive into specific tracks with detailed statistics |
Rate your favorite music on a personal scale |
View your ratings alongside prestige achievements |
Browse all your rated albums in one place |
View your complete artist rating collection |
Compare your music taste and ratings with friends |
|
Explore your friends' music profiles and prestige levels |
Discover shared musical interests and friendly competition |
I welcome contributions! Please see my Contributing Guidelines for details.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Abraham Maslow - For the philosophical foundation of peak experiences through music
- Spotify - For providing the incredible Web API that makes this possible
- The Music Community - For inspiring me to create a platform that celebrates musical passion
Abraham Maslow, "Music, Education, and Peak Experiences," in Documentary Report of the Tanglewood Symposium, ed. Robert Choate (Washington, DC: Music Educators National Conference, 1968).
Your music is your story, told in melodies and rhythms. Prestige is a platform where you're not defined by photos or followers, but by the beats that resonate with your soul.
I'm building Prestige to make music more social, more meaningful, and more connected.