YouTube Video Like Counter

OVERVIEW

Introducing our cutting-edge Chrome extension, the ultimate companion for YouTube enthusiasts! With our innovative extension, you can now effortlessly access critical video metrics at a glance.

Say goodbye to the tedious process of navigating through various menus to check likes, dislikes, and subscriber counts for your favorite YouTube videos. Our extension streamlines this experience, providing you with a seamless, informative, and user-friendly interface right within your browser. Stay informed, stay connected, and enhance your YouTube experience like never before with our feature-rich Chrome extension.

Features

Video Like Counter

• View the number of likes and dislikes on a YouTube video without opening the video page.
• Conveniently gauge the popularity of videos in search results and playlists.
• Shows the subscriber count and number of videos uploaded by the channel

Additional Features

Timestamp Bookmarker

• Bookmark timestamps in videos for easy reference.

• Add labels or descriptions to your bookmarks for context.

• Quickly access and manage your saved timestamps through the extension's interface.

  Extract Transcript

• Extract the Transcript of a Video and paste it into the chatbot, which generates a concise summary of the video.

Acknowledgements

• [ Mentor-Harsh Sharma ]

• APIs

Demo

youtube video --> [ https://youtu.be/tCSYjU9dckY ]

API Reference

Youtube Data Api

  https://developers.google.com/youtube/v3/docs/videos/list?apix_params=%7B%22part%22%3A%5B%22statistics%22%5D%2C%22id%22%3A%5B%228gDZBfs9Yv4%22%5D%7D#http-request

Parameter	Type	Description
api_key	string	Required. Your API key

Get item

  GET /api/items/${id}

Parameter	Type	Description
id	string	Required. Id of the item to fetch

Appendix

1. Supported Video Platforms

• YouTube -more platforms to be added....

2. Usage Instructions

To use this Chrome extension:

1. Install the extension from the Chrome Web Store.
2. Open a supported video platform and play a video.
3. The extension will display the following information:
   • Likes: The number of likes the video has received.
   • Dislikes: The number of dislikes the video has received.
   • Bookmarks: The number of times the video has been bookmarked.
   • Video Timestamps: A list of important timestamps within the video.

3. How Data Is Collected

This extension collects video engagement data through APIs provided by the respective video platforms. It does not collect any personal user data or violate any privacy policies.

4. Known Issues

• Occasionally, the extension may not accurately retrieve engagement data due to changes in the video platform's website structure. We aim to address such issues promptly in updates.

5. Upcoming Features

We have plans to add the following features in future releases:

• Support for more video platforms.
• Enhanced analytics and historical data tracking.
• User customization options for displayed data.

6. Feedback and Contributions

We welcome feedback, bug reports, and contributions from the open-source community.

---

Installation

To use this extension, follow these steps:

1.Clone the Repository: Clone this GitHub repository to your local machine using the following command:

git clone https://github.com/logan-keede/Cryptologists.git

2.Install in Chrome:

a. Open Chrome and go to chrome://extensions/.

b. Enable "Developer mode" in the top-right corner.

c. Click on the "Load unpacked" button.

d. Select the folder where you cloned this repository.

Usage:

a. Navigate to a YouTube video page.

b. The extension will automatically display the number of likes, dislikes, subscriber count, and number of videos uploaded by the channel along with the video title.

c. To bookmark a timestamp, click the plus icon (located in the Chrome toolbar) while watching the video at the desired moment. A dialog will appear for you to enter a label or description for the bookmark.

d. To access your bookmarks, click the extension icon and choose "View Bookmarks." You can see your saved timestamps there.

Logo

Roadmap

• Additional browser support

• Add more integrations

Troubleshooting

If you encounter any issues with the extension, please check the following:

• Ensure that you are using a supported version of Google Chrome.
• Make sure you are playing a video on YouTube before clicking the extension icon.
• If the extension is not working as expected, try reloading the YouTube page and playing the video again.
• If the issue persists, please report it in the issue tracker.

Screenshots

🔗 Developers profile

**Aman Parmar **

**Vedic Chawla **

Devika Verma

Documentation and Resources

• How to use Youtube Data APIs [ https://developers.google.com/youtube/v3 ]
• javascript [ https://developer.mozilla.org/en-US/docs/Web/JavaScript ]
• REACTjs [ https://react.dev/ ]
• REACTjs tutorial [ https://youtu.be/J6mDkcqU_ZE?si=VbjV7SZx8NzSEJyt ]
• MongoDb [ https://www.mongodb.com/docs/ ]
• MongoDb tutorial [ https://youtu.be/J6mDkcqU_ZE?si=VbjV7SZx8NzSEJyt ]
• Fonts [ https://fontawesome.com/ ]
• ChatGpt [ https://chat.openai.com/c/24f030f9-47cb-474c-90f5-dad3c4e91427 ]
• GitHub documents [ https://docs.github.com/en/actions ]

`

Tech Stack

Client: React, JavaScript, CSS, HTML

Server: Express, MongoDB ,NodeJs