Vinyler Music Mobile App
Project Overview
A mobile app that allows users to discover and share their vinyl records with friends. It's made in React Native and uses Spotify and MusicBrainz + CoverArtArchive API to get vinyl data. This was a side project I made during the summer vacation and was mostly done vibe-coding. It's not available for download on the app/play store because the cost would be too high for me.
Project Gallery
Login
The login screen of the Vinyler Music app, there's a functionality to sign in with Google or Spotify also.
Collection
Here you can see your vinyls and add them to your collection. There's also a button to add vinyls to your wishlist at the right top.
Details
Here you can view the metadata of an vinyl (title, artist, year, genre, tracklist). There's also an option to make a photo of your vinyl record and upload it so you can see it behind the cover art.
Wishlist
On the wishlist screen you can view your wishlist. You can add vinyls to your wishlist by clicking the plus button on the right top.
Friends
On the friends screen you can view and add friends and view their profile.
Friend's profile
On the friend's profile screen you can view their profile, collection and wishlist. As well as their bio, personal anthem and favorite vinyl.
Friend's collection
From this screen you can view your friend's collection. View details of their vinyls and add them to your wishlist.
Add vinyl by scanning barcode
By scanning a barcode you can add a vinyl to your collection. There's also an option to type the barcode and search for a vinyl by name. There's also a button for if you need help.
Add vinyl by search
If you can't find or recognize a barcode, you can search by tapping the search button on the top right of the screen.
Profile
On the profile screen you can personalize your account by adding a bio, personal anthem and favorite album. You can also upload a profile image and view how many vinyl's you've collected.
Settings
Here you have the option to switch theme's (lightmode, darkmode) and log out. The 'My photo's' brings you to a screen where you can delete your uploaded photos. There's also an option to request your data and delete your account.
Tech Stack, Tools & Features
frontend
- React Native
- Expo
backend
- Python
- Supabase
- Heroku
Data
- Spotify
- MusicBrainz
- CoverArtArchive
features
- Add vinyl records to your collection using barcode or search
- Add friends and view their collection and wishlist
- Add vinyls to your wishlist
- Personalize your profile
- Control your data
Final Thoughts
This was the first time I made a mobile app and tried to deploy it to the app store and play store. I learned a lot of the nice things about building a mobile app, but also the challenges (deploying to app/play store can be a pain). Overall, I'm happy with the result!