Forem: Ali Abbas

Chrome extension for binge watchers

Ali Abbas — Sat, 18 Dec 2021 08:03:32 +0000

Just a week of engineering and developed this very useful chrome extension for all the binge-watchers. 🚀

💻 This extension will display a numeric percentage on the top right side of the player and will show the progress of the video completed.

Either Binge-watching or just exploring youtube videos, always be informed of the video progress in the form of a percentage. Being an engineer, I always have an eye for User Experience in any product that I use.

So while watching videos on major OTT platforms, after switching to full screen, I had to hover over the screen again and again to check the remaining time and the same scenario occurred during college days while preparing for exams, long lectures on youtube watching at 2X speed and that too one day before the exam, it was hard for me to cope-up with those lectures and waiting when it will end.

So in order to ease my life, I developed this extension. After successfully testing it on youtube, extended the support for Netflix, Amazon Prime Video, Disney HotStar, and many other platforms.

I’ve added it on google chrome store

You can try and do let me know if there is any room for improvement.

Chrome Store Link
Website Link

Have some questions? Would love to connect on LinkedIn

Reload page after a set interval ?

Ali Abbas — Thu, 14 Oct 2021 17:25:52 +0000

Hey Devs. I have been working on this problem since a week now and it's not even finishing. All the other parts are working except for the following situation where I want to execute a script in the browser console to reload the current page after every 5 seconds of interval.

I tried using setInterval for 5000 ms but it only works for the first time and then the javascript resets. After googling and searching on stackoverflow I improved my approach and used window object to persist the setInterval function but that didnt work too.

Is there any way to achieve this?

🚀 PlayStore App Info API

Ali Abbas — Tue, 08 Jun 2021 17:30:49 +0000

Hey Dev Community. Recently I was wondering, is there anyway to scrape the data from HTML DOM elements using node and all the other native functions of javascript like getElementByClassName, innerText and so on. After searching alot I came across JSDOM.

Then I started using it and found it impressive. So I wrote a script to scrape details of an android application from Google Play Store in real time and get the necessary information in a well-formatted way.

Moreover, after creating the script, transformed it into NPM Package and Express Rest API.

Usage

npm install playstore-app-info

const play_app_info = require('playstore-app-info')

play_app_info("com.kakarooms").then(result=>{
    console.log("result", result)
})

Github

🚀 PlayStore App Info Repo

NPM Package

(https://www.npmjs.com/package/playstore-app-info)

Response Schema

Property	Type	Value
id	string
logo	string	url
app_name	string
app_url	string	url
category	string
contains_ads	boolean
publisher_account_url	string	url
publisher_name	string
preview_images	array
youtube_trailer	string	url
description	string
application_meta_data	object
latest_update_description	string
ratings_data	array

Response Data Format (JSON)

{
  id: 'com.kakarooms',
  logo: 'https://play-lh.googleusercontent.com/oSPuaaIkM7M-4mfkQJzc1CzaJWep4465CIPft5ObwNI9P-AMNLUNLzD0rQy_ttQLeh9T=s180',
  app_name: 'Mr Room: Search Hostels, PG and Flats 🏃🏻 Easily',
  app_url: 'https://play.google.com/store/apps/details?id=com.kakarooms',
  category: 'House & Home',
  contains_ads: true,
  publisher_account_url: 'https://play.google.com/store/apps/developer?id=MrRoom',
  publisher_name: 'MrRoom',
  preview_images: [
    'https://play-lh.googleusercontent.com/e5Mocy26xhvC8NZyoPr_Tikk1QOWEkLpFXwoR4-mveUmgG_mdOA-Pbk5rjSMxu0dPQ=w720-h310',
    'https://play-lh.googleusercontent.com/upzECkks147uQl1pT4d5ughZrRGtNolVUN3TkCv98RyK-whEoL1hFhJX_9O_edham7rx=w720-h310'
  ],
  youtube_trailer: 'N/A',
  description: "Are you in the hunt for Hostels, PG or Flats and want it without Brokerage fee, then you have landed on the correct way. Do you know, every year 10 million students migrate to a new city and they face the same problem They miss their home and want a comfortable place to live. But what they eventually get after all their efforts are sub-standard rooms and facilities. 😏 Don't worry if you are moving to a new city for education. Because MrRoom is here.😎So what do we do?We help students in searching for affordable rooms close to their desired location. 🤩We have a wide variety of verified hostels and pgs registered on our platform and most importantly, we charge zero brokerage. Our platform offers Filters to customize the Search Results and can check Room Availability from anywhere anytime. We also give tenants 💃 🕺the facilities to manage their monthly rent online. There will be complete transparency between the owners and tenants. So, a standard one-stop solution for students who want to focus more on studies rather than wasting time in finding the necessary facilities. You can search for 100+ rental rooms(Hostels, Pg and Flats) according to your desired choice. 🤟Finding accommodation was never so easy. Just book your room through our app and that too without paying any brokerage fee. So, search and book through our MrRoom No Brokerage app which provides you with hassle-free stay options.",
  application_meta_data: {
    updated: 'September 19, 2020',
    size: '12M',
    installs: '1,000+',
    current_version: '2.1.3',
    requires_android: '4.4 and up',
    content_rating: 'Rated for 3+Learn more',
    permissionsview_details: '',
    reportflag_as_inappropriate: 'N/A',
    offered_by: 'MrRoom',
    developer: {
      app_developer_website: 'https://www.mrroom.in/',
      app_developer_email: 'mailto:mrroomindia@gmail.com',
      app_developer_policy: 'https://www.mrroom.in/policy',
      app_developer_address: 'N/A'
    }
  },
  latest_update_description: 'Better User Interface and User InteractionSocial Authentication AddedCoaching Category AddedMess Category AddedLaundry Category AddedReview System AddedSearch System EnhancedAdd a ListingSubmit RequirementImprove ListingRaise a Ticket Option Added',
  ratings_data: {
    ratings: '4.3',
    ratings_distribution: [ [Object], [Object], [Object], [Object], [Object] ]
  }
}

Linked Repo

Build APIs and serve over server

Thanks for reading the post. 🙌

If you have any query, you can reach out to me on Linkedin

Just Published an NPM Package 🔥

Ali Abbas — Wed, 20 Jan 2021 12:31:57 +0000

Hey there.🚀 I just published another NPM package on npmjs.com. The npm package converts the subtitle file (.srt) into a readable and well-standard JSON format.

Check out the NPM link SRT-Convert-JSON

Install

$ npm install srt-convert-json

This package can be used to convert Movies Subtitle to JSON format

Usage

const convert = require('srt-convert-json')

convert.process("INPUT_FILE_PATH","OUTPUT_FILE_PATH")
// convert.process("./data.srt","./subtitle.json")

For Example, this is an SRT File

1
00:02:38,910 --> 00:02:40,161
English! I'm English!

2
00:05:40,049 --> 00:05:41,801
It's grenadiers, mate.

After converting, the output will be

[
    {
        "position": 1,
        "start": "00:02:38",
        "timer1": "910",
        "end": "00:02:40",
        "timer2": "161",
        "text": "English! I'm English!"
    },
    {
        "position": 2,
        "start": "00:05:40",
        "timer1": "049",
        "end": "00:05:41",
        "timer2": "801",
        "text": "It's grenadiers, mate."
    },
]

Setup Mobile OTP using AWS

Ali Abbas — Thu, 14 Jan 2021 17:12:00 +0000

Recently I was working on a project where I had to integrate an OTP System with Transactional SMS.

I used the Amazon (AWS) SNS (Simple Notification Service) for sending SMS and implemented the API using Express.js (Node.js)

Checkout the project here

AWS-SNS-SMS-OTP API in NodeJS (Express.js)

Setup

Create an account on AWS
Navigate to SNS
Create Security Credentials
Apply for Extension in Message Limit by contacting customer support in case the OTP fails

API Endpoint

GET Request to / route with following paramaters in the GET Request

message String
number String
subject String

Instructions

Send a GET Request from browser,

http://localhost:3000/?message=[Message]&number=[Number]&subject=[Subject]

After triggering the API, you will receive the OTP.

The mobile number should be E.164 format but without the + character.

Example:

You want to send a message to a number,

The country code is 44

The mobile number is (0)7700 900123

The E.164 format would be +447700900123

Remove the + character

Then Visit

http://localhost:3000/?message=my message&number=447700900123&subject=My Subject

Star the project

Hacktoberfest Swags 💯

Ali Abbas — Sat, 05 Dec 2020 08:07:22 +0000

Hey Devs. Just received the Hactoberfest swags. Thanks Dev.to and all the other partners.

This is my second year in a row. Looking forward to contribute more to Open Source.

Do Share your swags picture too. Thanks

Server Speed Check!

Ali Abbas — Tue, 04 Aug 2020 22:09:35 +0000

Recently I came across Bluehost hosting and their plans seem reasonable as well.
I thought of running a server speed test to check the reality

I used bitcacha.com and the following was the result.

The response times were pretty much good and the loading time of the website was good too.

Report from GTMetrix

If you are interested in buying Bluehost Hosting, you can see all the plans on their website

Disclaimer: It's an affiliate link and I'll receive a small amount if you make a purchase.

Thanks for reading

Do you know its power? 🚀

Ali Abbas — Wed, 15 Jul 2020 02:57:07 +0000

Tech Stack! 🚀

A decade ago, Languages use to trend and now variable tech stacks are trending whether it be MERN Stack, MEAN Stack, JAM Stack, or other stacks available out there.

Several stacks I've worked on are MERN, MEAN, LAMP, JAM, and recently Serverless Stack. (AWS Lamda, Serverless Framework, API Gateway)

So developers and my fellow pals on Dev.to, what do you think is the Potential, Power, and Scalability of the Serverless stack in the modern Web architecture?

Abbreviations

JAM (Javascript, API, Markup)
MERN (MongoDB, Express.js, React.js, Node.js)
MEAN (MongoDB, Express.js, Angular.js, Node.js)
LAMP (Linux, Apache, MySQL, PHP)

Should DEV.to have a feature like Quora ?

Ali Abbas — Sun, 14 Jun 2020 06:42:23 +0000

The dev.to community is growing everyday. I've been using this platform for almost one and a half year, and I guess only one feature is missing that is, the total views count shown on profile. Since Dev is an open source project present on Github it is possible to suggest a feature.

Like in Quora , Total Answer Views reflects on the user's profile and everyone can see.

What do you think about this feature dev family?

@ben

📈 Scaling your Startup to 10M+ Users 🚀

Ali Abbas — Mon, 08 Jun 2020 08:05:41 +0000

📈 Scaling your Startup to 10M+ Users 🚀

For Startups, Resources are quite limited and they strive for it and try to get the work done in the most efficient and economical way.

When Startups gain some traction and have regular users, Scaling the core technology becomes an essential part.

Recently, I was working with a startup where I scaled it using AWS EC2 Load Balancers, Auto Scaling, Sharding, Clustering, and some other good techniques.⚡

During the process, I collected some of the good resources available on the internet regarding the scaling of startup gradually from 10K to 10 Million+ Users🚀

I created an Open Source Repository on Github where the whole concept of scaling with pros and cons is available.

The repository is just not limited to Nodejs but it mainly explains the overall measures, benchmarks, and ways to scale in X, Y, and Z-axis using Nodejs Native Modules, PM2, AWS, Load Balancers, AutoScaling, Nginx, Cloudfront.

For Early Stage Startups (Developers), it would be very beneficial to learn to scale. If you're in contact with any startup, do tag them so that they can benefit from this.

Github Repository Link

LinkedIn Post

👏 👏 👏 Thank you for reading. 👏 👏 👏

SpaceX and Javascript🚀

Ali Abbas — Tue, 02 Jun 2020 16:08:10 +0000

Yes, its damn true.

SpaceX in its recent launch Dragon 2 Flight has used a technology based on Chromium and Javascript

CGPA Calculator - CGPA Converter to Percentage

So Cheers to Javascript. What are your views on this ?

Which hosting do you use?

Ali Abbas — Mon, 25 May 2020 03:35:06 +0000

Hey Pal! Just wanted to know which hostings do you use?

AWS Amazon Web Services
Linode
Bluehost
Google Cloud Engine
Firebase
Azure
Digital Ocean
Heroku

Which one do you prefer?