Skip to content

shubham-Alhat/Notetube

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Notetube - Take Notes While Watching Videos

Notetube is a React-based web app that allows users to take notes while watching YouTube videos. Users can save notes at specific timestamps and jump back to those moments with a single click.

🚀 Features

  • Watch YouTube videos and take notes in real-time.
  • Save notes with timestamps.
  • Click on a note to seek to the exact timestamp in the video.
  • Persistent storage using localStorage
  • Responsive UI for a seamless experience

🖼️ Demo

🔗 Live Demo: https://notetube-tk14.vercel.app/

📸 Screenshots

🛠️ Tech Stack

  • React.js
  • React-Youtube (YouTube API)
  • LocalStorage (for saving notes)
  • Tailwind CSS / CSS ( for styling)

🔧 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/shubham-Alhat/Notetube.git
cd Notetube

2️⃣ Install Dependencies

npm install

3️⃣ Start the App

npm run dev

🎮 Usage

  1. Enter a YouTube video URL to start watching.
  2. Take notes while watching. Each note will be saved with a timestamp.
  3. Click on any saved note to jump back to that specific timestamp.
  4. Notes persist across sessions using localStorage.

🐛 Issues & Contributions

Feel free to report bugs or suggest new features by opening an issue. Contributions are welcome! 🥲

📜 License

This project is licensed under the MIT License.

❤️ Made With Love By Shubham Alhat 🚀

About

First version

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published