Skip to content

YT-Playlist-Website is a platform for saving, sharing, and browsing YouTube playlists. Built with Next.js, React, and Supabase, PostgreSQL.

Notifications You must be signed in to change notification settings

diegotyner/YT-Playlist-Website

Repository files navigation

LinkedIn


Logo

Youtube Playlist Website

A social media-esque hub for saving and sharing Youtube Playlists!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Usage
  3. Getting Started
  4. Roadmap
  5. Contributing
  6. Contact

About The Project

Product Name Screen Shot

I put together this project because I realized how many different videos were stacking up in my saved playlists, so I wanted to compile them all in one place so I could actually sit down and watch some of them!

(back to top)

Built With

  • Next
  • React
  • Tailwind
  • Supabase
  • Radix

(back to top)

Usage

Features:

Anyone can...

  • Browse the playlists on the home page
    • Hover over the video slivers to bring them to the front
    • Click on the playlists to view all the videos in them

The rest of the features need to be signed in for...

  • Connect your google account so you and your saved playlists can be personalized:
    • Create a custom display name
    • Choose from a large amount of profile pictures (your google account picture is included)
    • Save playlists to the webste
    • View your own playlists

(back to top)

Getting Started

To get this to work locally...

Installation

  1. Download all of the dependencies listed in the package.json

  2. Obtain the following API keys:

    • YT_DATA_API_KEY
    • NEXT_PUBLIC_SUPABASE_URL
    • NEXT_PUBLIC_SUPABASE_ANON_KEY

(back to top)

Roadmap

  • Add better UX confirmation upon submissions
  • Viewing of other users playlists
  • More personalization to playlists
    • Set visibility to other users
    • Rename and add descriptions

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Feel free to shoot me an email! I'd love any and all feedback - [email protected]

Project Link: https://github.com/diegotyner/YT-Playlist-Website

(back to top)

About

YT-Playlist-Website is a platform for saving, sharing, and browsing YouTube playlists. Built with Next.js, React, and Supabase, PostgreSQL.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published