Code Monkey home page Code Monkey logo

psycho-baller / sniptube Goto Github PK

View Code? Open in Web Editor NEW
22.0 2.0 1.0 69.81 MB

A browser extension that allows you to highlight, tag, annotate, and export the best parts of your favorite YouTube videos and summarize these snips with the power of AI. Winner of Boost Hacks

Home Page: https://sniptube.tech

License: MIT License

JavaScript 2.14% Python 1.01% TypeScript 94.12% CSS 2.71% HTML 0.01%
ai browser-extension fastapi llm productivity youtube chrome-extension langchain openai python

sniptube's Introduction

Shows a black logo in light color mode and a white one in dark color mode.

SnipTube - Elevate Your YouTube Experience

Download: Chrome/Chromium | Firefox | Edge | Safari for MacOS and iOS | Website | Devpost (Hackathon Winner)

๐Ÿคน๐Ÿผโ€โ™‚๏ธ Hours spent code juggling this project: wakatime

๐Ÿง What is SnipTube?

Are you tired of trying to remember the best moments in those lengthy YouTube videos? Look no further! SnipTube empowers you to effortlessly highlight, tag, annotate, and export the most captivating parts of your favorite YouTube videos (we call these snips). Plus, with the magic of AI, it generates summaries for these snips, making it a breeze to revisit. Let's take a closer look at what SnipTube has to offer:

You can also watch this YouTube video where I go through how I integrate SnipTube into my Zettelkasten note-taking system

โšก๏ธ Features

๐ŸŽฏ Intelligent Summarization: SnipTube harnesses the power of advanced AI algorithms to automatically generate concise summaries for each snip. Say goodbye to the hassle of rewatching entire videos to find that one crucial detail - SnipTube will have it neatly summarized for you!

๐Ÿ—‚๏ธ Organize and Tag: Keep your snips neatly organized and easily searchable by assigning custom tags and annotations to each snip. Whether it's for educational purposes, research, or personal entertainment, SnipTube makes it effortless to navigate through your collection and recall important context for each snip.

๐Ÿ’Ž A Collection of Your YouTube Gems: Build an exquisite collection of your most cherished YouTube moments that you can revisit anytime, all in one place. No more digging through lengthy videos to find that one valuable piece of information!

๐Ÿ“ค Export with Ease: Need to take your snips on the go? No problem! With a simple click of a button, you can easily export individual snips or the entire collection in Markdown format. Seamlessly import them into your favorite note-taking app and continue your learning journey.

๐ŸŒ Perfect for All Users: SnipTube caters to everyone, whether you're a student looking to ace your exams, a researcher seeking profound insights, or simply a casual YouTube enthusiast. Say goodbye to wasting time searching for that elusive moment in a video.

๐Ÿš€ Constantly Evolving: I am committed to providing you with the best experience possible, which is why I am continually updating and enhancing SnipTube. I strive to make it the ultimate YouTube companion for all users, and I am always open to feedback and suggestions.

Be an Early Adopter and Make a Difference!

As one of the first to experience the game-changing SnipTube extension, your feedback and support are invaluable in shaping its future. Whether you encounter any issues, have ideas for improvement, or simply want to share your thoughts, I'm all ears!

Reach out to us through:

Your input is my inspiration, and together, we'll make SnipTube even better!

Get Involved - Support & Contribute! ๐Ÿ’™

Creating and maintaining SnipTube has been a labor of love, and I'm thrilled to offer it as a free tool for everyone to enjoy. If you find SnipTube valuable and wish to support its development, consider making a donation. Your contribution will directly contribute to making SnipTube even better and more feature-rich. Additionally, show your appreciation by starring the open-source repository on GitHub and feel free to contribute your ideas and skills to enhance SnipTube's functionality.

Don't miss the chance to revolutionize your YouTube experience. Download SnipTube now and take control of your favorite moments like never before!

๐Ÿค Contributing

Please see docs/CONTRIBUTING.md to get started.

๐Ÿš€ Tech Stack

  • โœ… Bootstrapping: A mix of Nextjs + FastAPI and Plasmo's Nextjs starter
  • โœ… Frameworks:
    • Nextjs 13 + Typescript for the marketing website, some API endpoints, and just making it possible to connect all these different technologies together.
    • FastAPI for the rest of the API endpoints (the ones that involve AI)
    • LangChain for enhancing and simplifying the process of interacting with LLMs like GPT-3.5-turbo (which is what I'm using for the summarization feature).
    • Plasmo for the browser extension.
    • React for the browser extension frontend.
  • โœ… CI/CD: GitHub Actions to automate the process of packaging and publishing the browser extension to the Chrome Web Store, Firefox Add-ons Store, and Edge Add-ons Store.
  • โœ… Deployment: Vercel
  • โœ… State Management: Zustand
  • โœ… Styling: TailwindCSS.

๐Ÿ“ License

MIT

SnipTube is not affiliated with YouTube or its parent company, Google Inc.

Hackathon Winner

sniptube certificate

sniptube's People

Contributors

psycho-baller avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

mvandermeulen

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.