search

umeshSinghVerma / Frametagger

FrameTagger: A Chrome extension for capturing and annotating YouTube videos. Take manual screenshots, add notes, and organize them into interactive PDFs for an enhanced learning experience.
https://frametagger.com
17 stars 8 forks source link

feat: Implement Search Functionality for Accessing Saved Notes #4

Open umeshSinghVerma opened 2 months ago

umeshSinghVerma commented 2 months ago

🔍 Problem:

Currently, users can access their saved notes for a video only when they revisit the same video or playlist. If they forget whether they've saved notes for a particular video, there's no way to easily retrieve that information.

💡 Proposed Solution:

Implement a search functionality that allows users to search for saved notes across all videos and playlists. This feature will help users quickly find and access notes without needing to revisit each video or playlist manually.

🛠 Steps:

  1. Create a search bar in the extension interface.
  2. Retrieve saved notes data from Chrome's unlimited storage.
  3. Display video thumbnails (using YouTube Data API) along with the search results.
  4. Allow users to select a video from the search results to view their notes.

This functionality will improve user experience by enabling easy access to saved notes across multiple videos.

namansharma3007 commented 2 months ago

Can you assign this issue to me I can develop this functionality.

umeshSinghVerma commented 2 months ago

Hi @namansharma3007!

Thanks for offering to take on this task! I've assigned the issue to you. Before you get started, please download FrameTagger from the Chrome Web Store and explore it to familiarize yourself with its current functionality. If you find any bugs or areas for improvement, feel free to share your feedback!

Also, if you haven't already, please consider starring ⭐ the repository to help spread the word about FrameTagger. Let me know if you have any questions—looking forward to your contribution!

namansharma3007 commented 2 months ago

@umeshSinghVerma I have one doubt. Where are you storing the saved notes, screenshots, etc...

namansharma3007 commented 2 months ago

@umeshSinghVerma Hey, can I remove the unusable files and distribute code into different files. This code is not easily readable.

umeshSinghVerma commented 2 months ago

Hi @namansharma3007,

Great questions!

  1. Where the Saved Notes and Screenshots are Stored:

    • User's saved data, including notes, is fetched from this function in App.js here.
    • You can see the specific line fetching saved data at line 239.
    • The function responsible for saving images is located in updateContent.js here.

  2. Code Refactoring:

    • Feel free to remove any unused files and refactor the code to make it more readable! Just ensure that all current functionality remains intact after making those changes. Your contribution would help a lot in improving the overall codebase!

  3. Next Steps:

    • Before making any contributions, please take a moment to read through the CONTRIBUTION.md guide. It contains useful guidelines for contributing to the project.

Let me know if you have any other questions. Looking forward to your improvements!

namansharma3007 commented 2 months ago

Hi @namansharma3007,

Great questions!

  1. Where the Saved Notes and Screenshots are Stored:

    • User's saved data, including notes, is fetched from this function in App.js here.
    • You can see the specific line fetching saved data at line 239.
    • The function responsible for saving images is located in updateContent.js here.

  2. Code Refactoring:

    • Feel free to remove any unused files and refactor the code to make it more readable! Just ensure that all current functionality remains intact after making those changes. Your contribution would help a lot in improving the overall codebase!

  3. Next Steps:

    • Before making any contributions, please take a moment to read through the CONTRIBUTION.md guide. It contains useful guidelines for contributing to the project.

Let me know if you have any other questions. Looking forward to your improvements!

Can you please tell me. How can I get YOUTUBE_DATA_API @umeshSinghVerma

namansharma3007 commented 2 months ago

@umeshSinghVerma Your extension is not recoding any data. Have you not implemented any of that functionality.

umeshSinghVerma commented 2 months ago

Hi @namansharma3007,

To get your own YouTube Data API key, you can follow these steps:

  1. Visit the YouTube Data API Getting Started Guide.
  2. Follow the steps to create a project on the Google Cloud Console.
  3. Once the project is set up, navigate to the API & Services section and enable the YouTube Data API v3.
  4. Create credentials and generate an API key to use with your application.

For a hassle-free approach during Hacktoberfest, I’ve already added a working API key, which you can find in the repository. It's valid until the end of Hacktoberfest:

Feel free to use this key for now, and let me know if you need any further help!

umeshSinghVerma commented 2 months ago

@umeshSinghVerma Your extension is not recoding any data. Have you not implemented any of that functionality.

It is working, but sometimes you may need to refresh the page for the extension to function properly.

You can refer to this how-to video for checking the functionality and seeing how the extension works.

Let me know if you encounter any other issues or need further assistance! 😊