Vinyl Village, crafted by manseerat21, is a unique music player web application. Unlike conventional streaming services, Vinyl Village allows users to upload, manage, and enjoy their personal music library. This project reflects my passion for music, user interface design, and proficiency in TypeScript. The backend is powered by Supabase, providing a robust foundation for data management.

• Upload Your Vinyl Collection: Seamlessly upload and manage your personal music library, bringing your cherished tracks into the digital realm.

• Intuitive Interface: Enjoy a user-friendly interface inspired by popular music streaming platforms like Spotify, providing a familiar and engaging experience.

• Search and Discover: Effortlessly search through your music collection, discover hidden gems, and create playlists to suit any mood.

• Like and Save: Show love to your favorite tracks by liking them, creating a curated collection of your most cherished songs.

• Backend Powered by Supabase: Utilizing Supabase for a secure and scalable backend infrastructure.

• Future Goals:

  • Remove Songs: Provide users with the ability to remove songs from their library, offering full control over their music collection.
  • Playlist Creation: Enable users to create and curate playlists for a customized listening experience.
  • Integration with External Platforms: Integrate features to upload music via Spotify, YouTube, or SoundCloud links, expanding the sources for building your library.
  • Album Support: Allow users to upload complete albums, enhancing the overall listening experience.
  • Offline Listening: Implement offline support, allowing users to download their catalog for on-the-go enjoyment.
  • Playlist Widgets: Make playlists available as widgets for external use, creating a seamless integration with other platforms.

• Frontend: Built using React with TypeScript, offering a robust and type-safe development environment.

• Backend: Powered by Supabase, ensuring a secure and scalable data management solution.

• Deployment: Hosted on Vercel, providing a fast and reliable user experience.

• Scalability: Designed with scalability in mind, allowing for easy future expansions and feature additions.

1. Clone the repository:

   git clone https://github.com/manseerat21/vinyl-village.git
   cd vinyl-village

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and navigate to http://localhost:3000 to experience Vinyl Village locally.

Vinyl Village is an open-source project, and contributions are welcome! If you have ideas for features, bug fixes, or improvements, feel free to open an issue or submit a pull request.

If you encounter any issues or have feedback to share, please open an issue on the GitHub repository.

Vinyl Village is a personal project fueled by a passion for music and technology. Special thanks to the open-source community for providing valuable resources and inspiration.

Vinyl Village - Your Music. Your Way. 🎧🌟

Explore it live at vinyl-village.vercel.app