Skip to content

Vinyl Village is a music player web app that lets you upload and enjoy your music library. An intuitive interface inspired by Spotify, it's built using React with TypeScript and Supabase for backend. Future goals include playlist creation, integration with streaming platforms, album support, offline listening, and playlist widgets.

Notifications You must be signed in to change notification settings

manseerat21/vinyl-village

Repository files navigation

Vinyl Village - Your Personal Music Haven 🎶

Overview

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.

Features

  • 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.

Technologies Used

  • 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.

How to Run the Project Locally

  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:https://localhost:3000 to experience Vinyl Village locally.

Contributing

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.

Feedback and Support

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

Acknowledgements

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

About

Vinyl Village is a music player web app that lets you upload and enjoy your music library. An intuitive interface inspired by Spotify, it's built using React with TypeScript and Supabase for backend. Future goals include playlist creation, integration with streaming platforms, album support, offline listening, and playlist widgets.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Languages