Code Monkey home page Code Monkey logo

youcount.github.io's Introduction

YouCount

YouCount allows you to see the subscriber count of any YouTube user in realtime. Youtube doesn't allow you to see the subscriber count in realtime. But on YouCount, the subscriber count is updated every second!

This project has been archived and is no longer working. See the reason here: #12 (comment)

Website

https://youcount.github.io/

Why does it exist?

There are other websites that allow you to do this as well, but most of them are either badly designed or are not optimized for mobile. YouCount has been specifically designed using the Material Design language and has been optimized for mobile devices.

Features

  • Shows subscription Count of a YouTube channel (updated every second).
  • Shows subscribers needed to reach a milestone YouTube subscriber count (updated every second).
  • Accepts usernames/YouTube URLs, Channel names, Channel IDs, or any keywords in general; It acts like a YouTube channel search engine.
  • Shows suggestions for YouTube Channel names as the user types the name of channel.
  • Shows additional useful information about the YouTube Channel.
  • Shows a line chart which gets updated in realtime and shows the increasing/decreasing trend of the YouTube subscriber count.
  • Uses Google's Material Design language guidelines without using any Material Design libraries.
  • Has a responsive design, enabling it to work with almost every touch and non-touch device.
  • Has been highly optimized to load very quickly.
  • Has an embed feature which allows you to put YouCount on your own website.
  • Is absolutely free and has been made using absolutely free stuff on the internet!

How To Use

Click on the grey searchbox on top where the YouTube Channel's name is written and you can write the Username/ID/Channel Name/Youtube URL (all of them work!) of any channel of your choice and press Enter or the search button. In a way, this is a search engine for YouTube Channels which shows you the subscriber count of the most relevant match with what you type in, so you can type in any of the keywords relating to the channel just like in a search query.

For example, if I want to see Fine Brothers Entertainment's live subscriber count, I can click on the grey area and write any one of these:

  • TheFineBros (their username)
  • Fine Brothers Entertainment (their channel name)
  • fine bros (a search query)

All of them would show up the realtime subscriber count of the Fine Brothers Entertainment's YouTube channel.

After the above step you'll be able to see the subscriber count that the Youtube Channel has and it is updated every second! You can also click the red button below to check out extra useful information like the overall total views the channel has and when the YouTuber(s) will reach his/her next Subscriber milestone!

Technologies/Libraries used

License

Use and modify this code for personal use as much as you want. If however, you want to redistribute the original/modified code, you must allow others to use the original/modified code of this project in your work as well and a GNU General Public License must be issued for your work utilizing the code in this project. If you also keep the same design too in your code, then you should at least add an attribution to the website of this project: https://youcount.github.io . This is a mere informal (and imprecise) version of the actual license which you can find here: LICENSE.md.

If you are going to utilize the code of this project, consider reading the license once. It has been specifically designed to be simple so that everyone can read and understand it easily.

Donations

The best donation you can give is sharing this project with your friends.

Thank You!

youcount.github.io's People

Contributors

20manas avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

youcount.github.io's Issues

Youtube DATA API V3 - Quota

Hi, I tried your code with my own Youtube Data API v3 key and it worked.

But, after 1 hour running the pew die pie vs t-series live count page, the live count stop working. And it turn's out that the Youtube Data API v3 request "youtube.channels.list" hikes up and reach the 10,000 queries daily limit. Is it normal?

How to solve it? I saw that socialblade and other platform also using youtube live count too. Thanks

Error: Realtime graph does not load

When Realtime graph has not already loaded and channel is selected using suggestions(suggests), it does not load. It also causes the width to be more than 100% or 100vw.

google apis blocked

{ "error": { "code": 403, "message": "Requests from referer https://youcount.github.io/ are blocked.", "errors": [ { "message": "Requests from referer https://youcount.github.io/ are blocked.", "domain": "global", "reason": "forbidden" } ], "status": "PERMISSION_DENIED", "details": [ { "@type": "type.googleapis.com/google.rpc.ErrorInfo", "reason": "API_KEY_HTTP_REFERRER_BLOCKED", "domain": "googleapis.com", "metadata": { "service": "youtube.googleapis.com", "consumer": "projects/620831776016" } } ] } }
image

Cant search anything

Hi manas, I saw your project and liked it very much but when I downloaded it and started it in my browser it starts well but when we start typing it just shows loading in drop-down suggestion and when enter is pressed it shown no internet connection or refresh the page. Please help as soon as posssible

Doubt regarding JS variable

Is there any Javascript Variable That Stores Information Like Channel ID/Channel Name or any other regarding details?

Search not working

When I search a YouTuber it just says "Loading" and none of the suggestions appear...

embed code

hi, once again, how can I change the design of iframe element of the website, like when someone uses the iframe to show counter it shows by the design and data I want

iFrame is a blank square

The embedded iFrame comes out as a blank square as shown in this image here down below. Any idea what may be causing that? I have added the source for a test html file down below. Thanks for any help.

<!DOCTYPE html>
<html style="background-color: black">

<iframe src="https://youcount.github.io/e/#!/tseriesmusic" height="1000" width="2500" frameborder="0"></iframe>

</html>

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.