Hands-on React projects for practice

Danijel Vincijanović — Mon, 23 Sep 2019 20:07:28 +0000

As a JavaScript developer I had a chance to mentor a few people and show them how JS works both on the server and client side. Some of them were beginners and some already quite skilled JavaScript developers. Despite their experience level, in one point of time everyone needed some practical tasks to brush up on skills so that they can be ready when a real project kicks in.

For that purpose, I've already published some of those tasks that you can pick up and practice. As a sidenote, we're using them as a part of the selection process for an internship or a job.

cobeisfresh / frontend-tasks

Frontend tasks

Must read

Useful resources

View on GitHub

If you have some tasks that you would like to share with others, please post them in the comment.

If you solve task, feel free to send me a link to the solution and I will do my best to give you a constructive feedback!

Is this a €1.000,00 worth Node script?

Danijel Vincijanović — Thu, 29 Aug 2019 09:09:51 +0000

So the story begins with one of my favourite Youtube channels. A few days ago, they've published a new video announcing that they will soon reach their 100k subscriber and on that occasion will give out a €1.000,00 voucher which the person can then spend on new equipment.
That's a lot of money! Especially if you're, like me, living in Croatia. We're talking about approximate 20% more than an average monthly salary here.

Plot

I must admit, after I heard the announcement I was immediately hooked. I paused the video and started thinking of ways to become that 100k subscriber and win the voucher. What I figured out next is that manually checking the number of subscribers and waiting for the right moment to hit the subscribe button won't bring me any luck. I needed a machine to do that work for me if I want to be faster than others.

After a short brainstorming session I came up with an easy solution and the only thing I needed was Youtube API and a little bit of Node. Solution is pretty straightforward: we had to know how many subscribers the channel has so when it reaches its 99.999 subscriber we would need to subscribe.

Challenges

If you're already thinking about implementation then you know that we'll need setInterval or setTimeout so we can repeatedly check the number of subscribers.

The only limitation we have here is YouTube Data API quota usage. We get default quota allocation of 10.000 units per day which means that each request will cost us some units.

In our case, if we want to get a number of channel subscribers we need to do a request to https://www.googleapis.com/youtube/v3/channels?part=statistics and that request will cost us 3 units. You can calculate your quota cost using Youtube Quota Calculator.

If we check the subscribers count every second we'll drain our quota by running our script for 55 minutes which is just not enough; we want our script to run longer so that we don't miss out on our chance. The only solution for this limitation is to use a different interval delay depending on the number of subscribers. That means that we'll perform requests more frequently as the number of subscribers approaches 100k. In the beginning we'll start with one request per hour and then we'll get all the way down to 300 milliseconds.

Solution

Check the solution in this repo below and try it out.

davinci2015 / youtube-subscriber

Youtube Subscriber

If you want to know why this repo was created read this story about €1.000,00 voucher.

Installation

Clone repository

$ git clone https://github.com/davinci2015/youtube-subscriber.git

cd into directory

$ cd youtube-subscriber

Install NPM dependencies

$ npm install

Configuration

Before running the script you should update variables inside of config.js file.

Update following variables:

channelId
client_secret
client_id

Run the server

After updating config variables you can run server and let him do the magic.

$ node main.js

View on GitHub

Twist

After I've finished with the implementation, I continued watching the video where they announce their bounty. In that moment I knew I f***** up. It was never about being the 100Kth subscriber, it was about visiting their social profiles and participating in the prize game where the winner will be randomly chosen.

So here I am, with a published script and without a €1.000,00 voucher. But let's look at the bright side - at least I've learned something new and maybe, in the future, this script helps someone actually win the voucher, who knows.
Until then, happy coding!

Forem: COBE Tech

Hands-on React projects for practice

cobeisfresh / frontend-tasks

Frontend tasks

Must read

Useful resources

Is this a €1.000,00 worth Node script?

Plot

Challenges

Solution

davinci2015 / youtube-subscriber

Youtube Subscriber

Installation

Configuration

Run the server

Twist