{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/engineering/20","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"What is PGP? PGP (Pretty Good Privacy) is a cryptographic process used to encrypt and decrypt information. It combines concepts from…","fields":{"slug":"/engineering/using-pgp-encryption-with-nodejs/"},"html":"

What is PGP?

\n

PGP (Pretty Good Privacy) is a cryptographic process used to encrypt and decrypt information. It combines concepts from symmetric and asymmetric key encryption, maintaining some of the best security and usability aspects of both.

\n

One way PGP can be used is to protect the confidentiality of information. Once the information is encrypted, nobody will be able to decrypt it unless they have the right key. In practice, PGP is commonly used in sending and receiving emails, sharing information on the Dark Web, and others. This is because both on and off the Internet, there are ways to intercept information being sent, making encryption using PGP or similar critical.

\n

On a high-level the process between a sender and receiver looks like this:

\n
    \n
  1. The recipient generates public and private keys.
    2. \n
  2. The recipient sends its public key to the sender.
    3. \n
  3. The sender encrypts the message using the given public key.
    4. \n
  4. The sender sends the encrypted message to the recipient.
    5. \n
  5. The recipient decrypts the message using its private key.
    6. \n
\n

PGP Examples in Node.js

\n

Now, let's go over some examples in Node.js using the openpgp library.

\n\n

We'll go over some basic examples and show how to encrypt & decrypt large files using Node.js streams.

\n

First, set up your Node.js project and install openpgp.js:

\n
mkdir pgp-tutorial && cd pgp-tutorial && npm init\nnpm i openpgp --save
\n

Note: examples use openpgp v4.10.8

\n

Generating keys

\n

When generating private and public PGP keys with OpenPGP, you can define which curve to use in Elliptic-curve cryptography. In this example, we use Ed25519 for its performance and small key size. For the full list of curves, you can choose from, refer to OpenPGP.js docs.

\n

You also need to define a passphrase used to decrypt files and the private key. In practice, this should be a strong, randomized secret generated for a single-use.

\n
// generate-keys.js\nconst openpgp = require("openpgp");\n\ngenerate();\nasync function generate() {\n  const { privateKeyArmored, publicKeyArmored } = await openpgp.generateKey({\n    userIds: [{ name: "person", email: "person@somebody.com" }],\n    curve: "ed25519",\n    passphrase: "qwerty",\n  });\n  console.log(privateKeyArmored);\n  console.log(publicKeyArmored);\n}
\n

Running the above gives us our private key:

\n
-----BEGIN PGP PRIVATE KEY BLOCK-----\nVersion: OpenPGP.js v4.10.8\nComment: https://openpgpjs.org\n\nxYYEX6iKVxYJKwYBBAHaRw8BAQdANJ6JIXuMMZV3NIlwq0POS7xsF2N7+kAE\n7KQjAtfIuqj+CQMI4CUgW9jPsGPgJvQnnCWFf1s7lO/5+D5ZQ9JK25fUtmQo\nWyHX0Ja1ryOoFnvq7u+7fUC0+RAzt8S1xv3eDzazfgNuLtEmufwMyR6wMi78\nKc0ccGVyc29uIDxwZXJzb25Ac29tZWJvZHkuY29tPsKPBBAWCgAgBQJfqIpX\nBgsJBwgDAgQVCAoCBBYCAQACGQECGwMCHgEAIQkQVrbGpNEnCPUWIQQb8YRJ\nhw7DjekU68lWtsak0ScI9UM7AQDv4YRbIdU2ErPf8MobreeLiXXjYZ6fas8E\nzW0KoTZWEQD+NHDY2YYByMF1mWusPkdPDpyBzqMJrlMeihMzZ+PE8AfHiwRf\nqIpXEgorBgEEAZdVAQUBAQdARY37/Vys4Sj6DvwN6TRjxrIqiMIngxQgvOb6\nwi+tQzEDAQgH/gkDCJ2xNZ1OXxv94E8fTLQ3gYHFQuebn/PSijD8CqlvHNB/\n/Z9sIxSFt7rzorW+9v6Awfe+pQwXW5iEyJkdiGu3BM91GMwMvMmZ+rBNlBvq\niX7CeAQYFggACQUCX6iKVwIbDAAhCRBWtsak0ScI9RYhBBvxhEmHDsON6RTr\nyVa2xqTRJwj17W0BAI5MuCWHrqjSRcdjLTwxa++jYv+Yxq4tODj8oh27T86v\nAQCfb3lij9JGlIMNDQgceeougl+Lw4Gb0kQCnsNQRggTDw==\n=yzT4\n-----END PGP PRIVATE KEY BLOCK-----
\n

And the public key:

\n
-----BEGIN PGP PUBLIC KEY BLOCK-----\nVersion: OpenPGP.js v4.10.8\nComment: https://openpgpjs.org\n\nxjMEX6iKVxYJKwYBBAHaRw8BAQdANJ6JIXuMMZV3NIlwq0POS7xsF2N7+kAE\n7KQjAtfIuqjNHHBlcnNvbiA8cGVyc29uQHNvbWVib2R5LmNvbT7CjwQQFgoA\nIAUCX6iKVwYLCQcIAwIEFQgKAgQWAgEAAhkBAhsDAh4BACEJEFa2xqTRJwj1\nFiEEG/GESYcOw43pFOvJVrbGpNEnCPVDOwEA7+GEWyHVNhKz3/DKG63ni4l1\n42Gen2rPBM1tCqE2VhEA/jRw2NmGAcjBdZlrrD5HTw6cgc6jCa5THooTM2fj\nxPAHzjgEX6iKVxIKKwYBBAGXVQEFAQEHQEWN+/1crOEo+g78Dek0Y8ayKojC\nJ4MUILzm+sIvrUMxAwEIB8J4BBgWCAAJBQJfqIpXAhsMACEJEFa2xqTRJwj1\nFiEEG/GESYcOw43pFOvJVrbGpNEnCPXtbQEAjky4JYeuqNJFx2MtPDFr76Ni\n/5jGri04OPyiHbtPzq8BAJ9veWKP0kaUgw0NCBx56i6CX4vDgZvSRAKew1BG\nCBMP\n=C6S6\n-----END PGP PUBLIC KEY BLOCK-----
\n

File Encryption

\n

Now we can start encrypting information.

\n

Create a text file:

\n
echo 'This file contains secret information' > secrets.txt
\n

Here, we act as the sender who received a public key from the intended recipient. We use their public key to encrypt the confidential information:

\n
// encrypt-file.js\nconst openpgp = require("openpgp");\nconst fs = require("fs");\n\nconst publicKeyArmored = <PUBLIC KEY GIVEN BY RECIPIENT>\n\nencrypt();\nasync function encrypt() {\n  const plainData = fs.readFileSync("secrets.txt");\n  const encrypted = await openpgp.encrypt({\n    message: openpgp.message.fromText(plainData),\n    publicKeys: (await openpgp.key.readArmored(publicKeyArmored)).keys,\n  });\n\n  fs.writeFileSync("encrypted-secrets.txt", encrypted.data);\n}
\n

In the newly created encrypted-secrets.txt file, we have the contents encrypted like so:

\n
-----BEGIN PGP MESSAGE-----\nVersion: OpenPGP.js v4.10.8\nComment: https://openpgpjs.org\n\nwV4DUsPKVnc3UHMSAQdAey4TJiEOrZQIrx6q2zBLgmPkbnhPMt1WR+jCWX5x\nGn8wEim8W4OhDVMwfhtgVIClBCGPhvdeZ1zvVUAJGDdl8+S+DUynKhPNcN8m\nKb9TRGYs0sAlAaXcTChBHSS5kDHV/8Hgjcn0OIs6v2mbCkz/bHs/shwf8WMI\nov711iEkgcXnXIX+ZDGyDFnAKftoygzAf0aZy82g7ejAD9SX13wNmO6TK8Gw\nwr9Xj8F6XBV0yHvdsm2uzRY9W03tTSqAf0anEs+ZWyVR/ha9ddnZJPFKtUbC\nBEF4AMavsIN0CcqpA4q69I3E6GEtkAzgBWfJOOO8mQsNQ1vJWcJocinryBE6\nKbhznoe+R69qmUaJXPpe5scF6tfCYuQtPz4uhOljT+OUP6qss5Nz4zBs4JLq\nnUlyynLLSSgdVr4Hvg==\n=5tyF\n-----END PGP MESSAGE-----
\n

Now, as the sender, we can send the encrypted file to the recipient.

\n

File Decryption

\n

Here, we act as the reciever. To decrypt the encrypted-secrets.txt file, we use our private key and passphrase:

\n
// decrypt-file.js\nconst openpgp = require("openpgp");\nconst fs = require("fs");\n\nconst privateKeyArmored = <PRIVATE KEY>\nconst passphrase = <PASS PHRASE>;\n\ndecrypt();\nasync function decrypt() {\n  const privateKey = (await openpgp.key.readArmored([privateKeyArmored])).keys[0];\n  await privateKey.decrypt(passphrase);\n\n  const encryptedData = fs.readFileSync("encrypted-secrets.txt");\n  const decrypted = await openpgp.decrypt({\n    message: await openpgp.message.readArmored(encryptedData),\n    privateKeys: [privateKey],\n  });\n\n  console.log(decrypted.data);\n}
\n

Which logs the decrypted file contents:

\n
This file contains secret information.
\n

Using Streams for Large Files

\n

If you plan on encrypting or decrypting large files, you won't be able to fit the entire file contents in memory. In this case, you can use Node.js streams.

\n

Here, we encrypt a large file called dataset-1mill.json using streams:

\n
encrypt();\nasync function encrypt() {\n  const encrypted = await openpgp.encrypt({\n    message: openpgp.message.fromText(fs.createReadStream("dataset-1mill.json")),\n    publicKeys: (await openpgp.key.readArmored(publicKeyArmored)).keys,\n  });\n\n  let readStream = encrypted.data;\n  let writeStream = fs.createWriteStream("encrypted-dataset.txt", { flags: "a" });\n  readStream.pipe(writeStream);\n  readStream.on("end", () => console.log("done!"));\n}
\n

And then, we decrypt the newly created encrypted-dataset.txt using streams:

\n\n
openpgp.config.allow_unauthenticated_stream = true;\n\ndecrypt();\nasync function decrypt() {\n  const privateKey = (await openpgp.key.readArmored([privateKeyArmored])).keys[0];\n  await privateKey.decrypt(passphrase);\n\n  const decrypted = await openpgp.decrypt({\n    message: await openpgp.message.readArmored(fs.createReadStream("encrypted-dataset.txt")),\n    privateKeys: [privateKey],\n  });\n\n  let readStream = decrypted.data;\n  let writeStream = fs.createWriteStream("decrypted-dataset.json", { flags: "a" });\n  readStream.pipe(writeStream);\n  readStream.on("end", () => console.log("done!"));\n}
\n

Now, decrypted-dataset.json will have the same contents as our original dataset-1mill.json file.

\n","frontmatter":{"date":"November 10, 2020","updated_date":null,"description":"Starter guide on Pretty Good Privacy(PGP) with Nodejs. PGP, a cryptographic process used to encrypt and decrypt information.","title":"Using PGP Encryption with Nodejs","tags":["Security","NodeJs","Encryption"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/a427e4132564cc095bcc9015faa67da4/ee604/cover.png","srcSet":"/static/a427e4132564cc095bcc9015faa67da4/69585/cover.png 200w,\n/static/a427e4132564cc095bcc9015faa67da4/497c6/cover.png 400w,\n/static/a427e4132564cc095bcc9015faa67da4/ee604/cover.png 800w,\n/static/a427e4132564cc095bcc9015faa67da4/05d05/cover.png 1080w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Andy Yeung","github":null,"avatar":null}}}},{"node":{"excerpt":"Python is a general-purpose programming language and has overtaken Java in popularity according to a recent Stackoverflow survey. People…","fields":{"slug":"/engineering/python-basics-in-minutes/"},"html":"

Python is a general-purpose programming language and has overtaken Java in popularity according to a recent Stackoverflow survey.

\n

People who have never programmed before are tempted to try due to the simplicity to learn and use it. Well, let's get down to business.

\n

Before we get started

\n

Before we get started, there are a few things you should know about python:

\n\n

Print function

\n

We are assuming that you have already installed python. If you do not, please click here.

\n

To write your first Python code, open your text editor and type:

\n
print("Hello world, this is my first python code")
\n

Save the file as helloworld.py and put it into the python interpreter to be executed.\nYou also can run your code on the command line:

\n
C:\\Users\\Your Name>python helloworld.py
\n

If everything went well, you should see something like this:

\n
> Hello world, this is my first python code
\n

You can also use the print function to show integers, variables, lists, etc. Try it!

\n
#show the sum of two integers\nnumber1 = 5\nnumber2 = 7\nprint(number1+number2)
\n
#dividing two decimals\nnumber1 = float(12.1)\nnumber2 = float(4)
\n
#concatenating strings\nname = "Python"\nphrase = str("I hate ")\nprint("I love ", name)\nprint(phrase+name)
\n

Data Types

\n

Python has the following data types built-in by default, in these categories:

\n\n
\n

Note: Variables in Python are interpreted as integers by default. Is a good practice to declare them as another type explicitly (if they aren't integers). You can see the kind of a variable using the function type().

\n
\n

Python Operators

\n

Operators are used to performing operations on variables and values.\nThe main groups are:

\n\n

Arithmetic operators

\n

Arithmetic operators are used with numeric values to perform common mathematical operations.

\n\n

Comparison operators

\n

Comparison operators are used to compare two values.

\n\n

Logical operators

\n

Logical operators are used to combine conditional statements.

\n\n

If statement

\n

Look to the code below:

\n
age = 18\nif (age<21):\n    print("The student is underage!")\nelif (age==21):\n    print("The student is 21!")\nelse:\n    print("The student isn't underage!")
\n

In programming, we often have to choose what to do depending on the situation. It is essential to know how to use conditional arguments like ifand else.\nThe code above print a different message according to a condition.

\n

Try to write a code that asks for two test scores. If the average is less than 7, the user should see \"I'm sorry, you didn't do well on the tests\". If the average is exactly 7, the user should see \"You did it!\". And if it is greater than 7, the user should see \"Congratulations!! You're a great student.\".

\n
\n

Note: to request a response from the user, you need to use the input() function. For example:

\n
\n
name = str(input("What's your name?"))\nage = int(input("How old are you? "))\nprint("I'm %s and I'm %d"% (name, age))
\n

Loops

\n

Python has two primitive loop commands: while and for.

\n

While loop

\n

With the while loop, we can execute a set of statements as long as a condition is true.

\n
count = 0\nwhile count < 10:\n    print(count)\n    count += 1    #this line is the same as    count = count+1
\n

The code above will print count as long as count is less than 10.

\n

For loop

\n

A for loop is used for iterating over a sequence. Using it, we can execute a set of statements, once for each item in a list, tuple, set, string, etc. For example:

\n
#loop through a string\nfor x in "banana":\n    print(x)
\n
#loop through a list of fruits\nfruits = ["apple", "banana", "melon"]\nfor x in fruits:\n    print("I like", x)
\n

Conclusion

\n

Did you understand why python became so popular? In a few minutes, you were able to learn the main concepts of this fantastic language.

\n

Please comment and share this article!

\n","frontmatter":{"date":"November 06, 2020","updated_date":null,"description":"Learn the basics of Python programming lanuage (For Beginners)","title":"Python basics in minutes","tags":["Python"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/c09f9fd01e129e30049747717eaf81ec/ee604/python.png","srcSet":"/static/c09f9fd01e129e30049747717eaf81ec/69585/python.png 200w,\n/static/c09f9fd01e129e30049747717eaf81ec/497c6/python.png 400w,\n/static/c09f9fd01e129e30049747717eaf81ec/ee604/python.png 800w,\n/static/c09f9fd01e129e30049747717eaf81ec/f3583/python.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Sara Lins","github":"saranicoly","avatar":null}}}},{"node":{"excerpt":"What is Rest? Representational State Transfer in short-form as REST defines a set of constraints for creating Web Services.\nRest API is the…","fields":{"slug":"/engineering/rest-api-cucumber-blog/"},"html":"

What is Rest?

\n

Representational State Transfer in short-form as REST defines a set of constraints for creating Web Services.\nRest API is the most-used web service technology nowadays, and it's an almost meaningless description. A REST API is a way to communicate for two computer systems over HTTP, which is similar to web browsers and servers.

\n

What is BDD?

\n

BDD stands for Behavior Driven Development (BDD). Nowadays, many Organizations, to get a better advantage of testing, are taking a step forward.

\n\n

What is Cucumber?

\n

A cucumber is an approach that supports BDD. It allows you to write tests that anyone can understand, irrespective of their technical knowledge. In BDD, users (business analysts, product owners, developers, etc..). We need to first write scenarios or acceptance tests that describe the system's behavior from the customer's point of view for review and sign-off by the product owners before developers start actual development.

\n

What are the Prerequisites to Test Rest API using Cucumber?

\n\n

Steps to Install Java

\n
http://www.oracle.com/technetwork/java/javase/downloads/index.html
\n

Download JDK from the above link and install it\nSet the Environment Variable on System Properties

\n
Right Click on My PC -> Properties -> Advanced System Settings -> Environment Variables -> Create New -> provide path of JDK
\n

Steps to Install Eclipse

\n\n

Steps to Install Maven

\n\n

Configuring Cucumber with Maven

\n\n

Now we need three Important files.

\n\n

Feature File: It's a entry point to the cucumber. We use Gherkins to write the feature file. This is the file where you will describe your descriptive language(Gherkin uses simple English). A feature file can contains a Scenario or List of Scenario. A sample Feature file is below

\n
Feature: Login Functionality\n@validLogin\nScenario: User Should Login With Valid Credentials \n   Given Post Login API\n   When Provide Valid Credential\n   Then Status_code equals 200    \n   And  response contains IsLogin equals "true"\n@invalidLogin    \nScenario Outline: Email and Password Validation in Login API \n   Given Post Login API\n   When Provide different combinations to "<email>""<password>"\n   Then Status_code equals <statuscode>    \n   And  response contains message equals "<message>"\n   Examples:\n   |email     \t\t|password    | statuscode |  message\n   |          \t\t|            |   401      | Required email and password\n   | abc\t  \t|            |   401      | Email format is incorrect\n   | abc@mail7.io  \t|\t     |   401      | Required password\n   | abc@mail7.io   \t| password   |   401      | Email and Password combination Incorrect
\n

Save the above code as login.feature

\n\n

StepDefinition:\nNow you have your feature file ready with test scenarios defined. However, our job is not done yet. Cucumber doesn't know when should execute which part of code. So StepDefinition acts as an intermediate to your runner and feature file. It stores the mapping between each step of the scenario in the Feature file. So when you run the scenario, it will scan the stepDefination file to check matched glue.

\n

How to write step definition:\nWe have a chrome extension(Tidy Gherkin) to convert your feature into a step definition.
\nCopy your scenario from the feature file and paste it in Tidy Gherkin and click on Java Steps; copy the Java Steps.\nCreate a new file name a StepDefinition.java and paste the Java Steps

\n
package com.loginradius.login\nimport cucumber.api.java.en.Given;\nimport cucumber.api.java.en.When;\nimport cucumber.api.java.en.Then;\nimport cucumber.api.java.en.And;\nimport cucumber.api.junit.Cucumber;\nimport org.junit.runner.RunWith;\nimport static io.restassured.RestAssured.given;\nimport static org.testng.Assert.assertTrue;\nimport io.restassured.http.ContentType;\nimport io.restassured.response.Response;\nimport io.restassured.specification.RequestSpecification;\nimport io.restassured.RestAssured;\n\npublic class StepDefinition {\n\tprivate  static  final  String  BASE_URL  =  "https://www.loginradius.com";\n\tString email = "abcxyz@mail7.io;\n\tString password = "password";\n\tRequestSpecification request;\n\tprivate  static  Response response;\n\tprivate  static  String  jsonString;\n\n    @Given("Post Login API")\n    public void post_login_api() {\n\t    RestAssured.baseURI  =  BASE_URL;\n\t\trequest  =  RestAssured.given();\n\t\trequest.header("Content-Type",  "application/json");    \n    }\n    \n   @When("Provide Valid Credential")\n    public void provide_valid_credential() {\n      response  =  request.body("{ \\"userName\\":\\""  +  email  +  "\\", \\"password\\":\\""  +  password  +  "\\"}")\n\t\t\t\t\t\t  .post("/user/login");\t\n    }\n\n   @Then("Status_code equals {int}")\n    public void statuscode_equals_(int agr) {\n\t    Assert.assertEquals(arg, response.getStatusCode());\n    }\n\t\n\t@And("response contains IsPosted equals {string}")\n    public void response_contains_IsPosted_equals_(String message) {\n\t    Assert.assertEquals(message, getJsonPath(response, "IsPosted"));\n    }\t\n\n   @And("response contains message equals {string}")\n    public void response_contains_equals_(String message) {\n\t    Assert.assertEquals(message, getJsonPath(response, "message"));\n    }\n    \n\t@When("Provide different combinations to {string}, {string}")\n    public void provide_different_combinations_to_somethingsomething(String email, String password){\n\t    response = request.body("{ \\"userName\\":\\"" + email + "\\", \\"password\\":\\"" + password + "\\"}") .post("/user/login");\n    }\n\n\tpublic String getJsonPath(Response response, String key) {\n\t\tString resp = response.asString();\n\t\tJsonPath js = new JsonPath(resp);\n\t\treturn js.get(key).toString();\n\t}\n\t\n}
\n

Now we have Our Feature file and StepDefinition Ready, we need a runner file to run our Test Scenario's

\n

Runner File:\nA runner will help us to run the feature file and acts as an interlink between the feature file and StepDefinition Class\nBelow is the code which will help you to run the tests

\n
package runner;\nimport io.cucumber.testng.CucumberOptions;\n\n@CucumberOptions(\n\t\tfeatures= {"feature_files/login.feature"},\n        glue= {"step_definations/StepDefinitation.java"},\n        tags= "@validLogin",    // based on tags scenarios will run\n        monochrome=true, dryRun=false,\n\t\t)\t\npublic  class  TestRunner  {\n\n}
\n

Now We have Feature, StepDefinition, and runner files ready, We can run the runner file to see the results.

\n

Conclusion

\n

Cucumber is very useful in understanding the overall testing process without having coding knowledge. Since it uses simple English to write the feature file and makes developer, QA and other stakeholders on same page before starting the actual development.

\n","frontmatter":{"date":"November 05, 2020","updated_date":null,"description":"This article is about basic overview of how to automate Rest API using Cucumber and JAVA.","title":"Automating Rest API's using Cucumber and Java","tags":["Automation","Cucumber","Rest API","Java"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/6185494b9a177d30a2dc78ccaca79e14/ee604/cucumber_rest_assured.png","srcSet":"/static/6185494b9a177d30a2dc78ccaca79e14/69585/cucumber_rest_assured.png 200w,\n/static/6185494b9a177d30a2dc78ccaca79e14/497c6/cucumber_rest_assured.png 400w,\n/static/6185494b9a177d30a2dc78ccaca79e14/ee604/cucumber_rest_assured.png 800w,\n/static/6185494b9a177d30a2dc78ccaca79e14/f3583/cucumber_rest_assured.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Surendranath Reddy Birudala","github":"reddysuren","avatar":null}}}},{"node":{"excerpt":"Introduction to Arduino and its usage Arduino is an open-source community that works on both Hardware and software development. We can say…","fields":{"slug":"/engineering/bluetooth-controlled-arduino-car-miniature/"},"html":"

Introduction to Arduino and its usage

\n

Arduino is an open-source community that works on both Hardware and software development. We can say that both the hardware and software help build the new segment automated devices like e.g., 3D printer, IOT based projects, and much more.

\n

The Arduino software is used to build the code for every project made using any Arduino boards; it mostly uses the C/C++ language for its coding. Once the code is ready, we have to just compile and upload it on the board to make our project work. There are many types of Arduino boards like Arduino Uno, Arduino Nano, Arduino USB, etc. In this project, we are going to use the Arduino UNO board (Atmega 328p).

\n

Bluetooth Module HC-05

\n

Bluetooth HC-05 is a Bluetooth module that is mostly used in the Bluetooth based project. It is easy to operate and can be easily configured with the Arduino.

\n

It has two operating modes: Command mode and Data mode, as we can change these modes by just pressing the push button on the Bluetooth module.\nIt has Six terminals. Two terminal are Vcc and GROUND for power purpose. The other two are TXD and RXD, the transmitter and receiver; respectively, these are the terminals that send and receive signals from the Arduino board to control the device. The other two terminals are State and Key, which tells the state of the module that it is in command mode or data mode.

\n

Motor Driver L298D

\n

This is an IC made into a Module with a HEAT SINK embedded into it, which helps release heat whenever the L298D IC is heated. Now, this module is used to control the motors connected for the locomotion of the car; these motors work by the command prompted by the Arduino to move or rotate in a specific direction. It can control Four Gear motors at maximum; also, the speed of the motors can be handled by this IC.

\n

Objective

\n\n

Components Required for the project:

\n
    \n
  1. Arduino UNO
    2. \n
  2. Bluetooth HC-05 Module
    3. \n
  3. Motor Driver L298
    4. \n
  4. Jumper Wires
    5. \n
  5. Gear Motors (x4)
    6. \n
  6. 12 V battery (x3 Lithium-ion cells)
    7. \n
  7. LED
    8. \n
  8. Motor Wheels
    9. \n
\n

Pin Connections:

\n
    \n
  1. Connect one terminal of each of two motors to the OUT1 (left side) and OUT2(left side) pins and each of the other two motors to the OUT3(right side) and OUT4(right side) of L298N motor driver.
    2. \n
  2. Connect the  positive wire of batteries to +12V pin and negative to the GND of L298N also +5V(of motor driver) to Vin(in analog pins)
    3. \n
  3. Connect the same GND of a motor driver to GND (in analog) of Arduino.
    4. \n
  4. Pins of HC-05 are connected to Arduino like this: GND(in analog pins) to GND; VCC(in analog) to 5V; RX to TX(in digital pins) and TX to RX(in digital pins).
    5. \n
  5. Connect anode and cathode of LED to Pin 9 (in digital pins) and 3.3V (in analog pins) pins, respectively.
    6. \n
  6. The use of the LED light is the optional parameter in this project.
    7. \n
\n

Here, I want to tell one important point that, The code that will be given should be uploaded before connection of the pins; else you will face an error in uploading the code, so, just first copy the code provided below and pasted in the Arduino software and upload it to the board before the pin connections.

\n
\n

Software details: Arduino: 1.8.9 (Windows Store 1.8.21.0) (Windows 10), Board: \"Arduino/Genuino Uno \"

\n
\n
\n

The application used for Controlling the car is Arduino Car, which can be found on Playstore.

\n
\n

CODE FOR THE PROJECT

\n
char t;\n \nvoid setup() {\npinMode(13,OUTPUT);   //left motors forward\npinMode(12,OUTPUT);   //left motors reverse\npinMode(11,OUTPUT);   //right motors forward\npinMode(10,OUTPUT);   //right motors reverse\npinMode(9,OUTPUT);   //Led\nSerial.begin(9600);\n \n}\n \nvoid loop() {\nif(Serial.available()){\n  t = Serial.read();\n  Serial.println(t);\n}\n \nif(t == 'F'){            //move forward(all motors rotate in forward direction)\n  digitalWrite(13,HIGH);\n  digitalWrite(11,HIGH);\n}\n \nelse if(t == 'G'){      //move reverse (all motors rotate in reverse direction)\n  digitalWrite(12,HIGH);\n  digitalWrite(10,HIGH);\n}\n \nelse if(t == 'R'){      //turn right (left side motors rotate in forward direction, right side motors doesn't rotate)\n  digitalWrite(11,HIGH);\n}\n \nelse if(t == 'L'){      //turn left (right side motors rotate in forward direction, left side motors doesn't rotate)\n  digitalWrite(13,HIGH);\n}\n\nelse if(t == 'M'){    //turn led on or off)\n  digitalWrite(9,HIGH);\n}\nelse if(t == 'm'){\n  digitalWrite(9,LOW);\n}\n \nelse if(t == 'S'){      //STOP (all motors stop)\n  digitalWrite(13,LOW);\n  digitalWrite(12,LOW);\n  digitalWrite(11,LOW);\n  digitalWrite(10,LOW);\n}\nelse if(t == 'Q'){\n   digitalWrite(13,HIGH);\n  delay(2000);\n    digitalWrite(13,HIGH);\n  digitalWrite(11,HIGH);\n  delay(2000) ;\n  digitalWrite(13,LOW);\n  digitalWrite(11,LOW);\n}\n else if(t == 'E'){\n   digitalWrite(11,HIGH);\n  delay(2000);\n    digitalWrite(13,HIGH);\n  digitalWrite(11,HIGH);\n  delay(2000); \n  digitalWrite(13,LOW);\n  digitalWrite(11,LOW);\n}\n else if(t == 'Z'){\n   digitalWrite(13,HIGH);\n  delay(2000);\n  digitalWrite(12,HIGH);\n  digitalWrite(10,HIGH);\n  delay(2000) ;\n  digitalWrite(12,LOW);\n  digitalWrite(10,LOW);\n  digitalWrite(13,LOW);\n}\n else if(t == 'C'){\n   digitalWrite(11,HIGH);\n  delay(2000);\n    digitalWrite(12,HIGH);\n  digitalWrite(10,HIGH);\n  delay(2000); \n  digitalWrite(12,LOW);\n  digitalWrite(11,LOW);\n  digitalWrite(10,LOW);\n}\n}
\n","frontmatter":{"date":"November 04, 2020","updated_date":null,"description":"In this blog, you will learn how to make a Bluetooth controlled Arduino Car.","title":"Bluetooth Controlled Arduino Car Miniature","tags":["Arduino","Bluetooth"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/8506853b30d28d4025e1c2a0ad2593a6/ee604/Arduinocar.png","srcSet":"/static/8506853b30d28d4025e1c2a0ad2593a6/69585/Arduinocar.png 200w,\n/static/8506853b30d28d4025e1c2a0ad2593a6/497c6/Arduinocar.png 400w,\n/static/8506853b30d28d4025e1c2a0ad2593a6/ee604/Arduinocar.png 800w,\n/static/8506853b30d28d4025e1c2a0ad2593a6/db955/Arduinocar.png 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Abhishek Potekar","github":"Madmaxcoder2612","avatar":null}}}},{"node":{"excerpt":"Amazon Web Services offers scalable, reliable, and inexpensive cloud computing services. Below are some salient features provided by AWS…","fields":{"slug":"/engineering/a-journey-with-aws/"},"html":"

Amazon Web Services offers scalable, reliable, and inexpensive cloud computing services. Below are some salient features provided by AWS.

\n
    \n
  1. Secure cloud services platform
    2. \n
  2. Compute power
    3. \n
  3. Database storage
    4. \n
  4. Content delivery
    5. \n
  5. Pay for what you use
    6. \n
\n

Prerequisites:

\n\n

AWS EC2(Elastic Compute Cloud)

\n

It is the most commonly used service of AWS and catered deployment of various applications as per AMI configured before creating an EC2 Instance.\nAmazon Elastic Compute Cloud (Amazon EC2) is a web service that provides secure and resizable compute capacity in the cloud.\nIt is designed to make web-scale cloud computing easier for developers.
\nHere are some of the important steps while setting up new EC2 Instance->

\n

Choose an Amazon AMI.\n\n \n \n \n

\n

Login to EC2 via CLI

\n
$ ssh -i ec2-key.pem ec2-user@11.11.11.111
\n

Switch to ROOT

\n
sudo su
\n

AWS RDS(Relational Database Service)

\n

Amazon Relational Database Service is a web service that makes it easier to set up, operate, and scale a relational database in the AWS Cloud. It provides a resizable, cost-efficient capacity for an industry-standard relational database and manages everyday database administration tasks.\nAfter setting up RDS, you can be logged in to the local tool(SQL Developer/ MY SQL Workbench) and copy RDS's endpoint with Username/Password configured while setting RDS.

\n

\n \n \n

\n

AWS API Gateway

\n

This AWS service is used to Create, Publish, Maintain, and Monitor secure Application Programming Interfaces(API). Moreover, it provides an easy interface for code running on AWS Lambda.\nHere are some of the pointers that explain the need for this service.

\n\n

This service enables us to make APIs on the go with a few clicks; also, we can use the Mocking approach to make dummy routes without any original data. In this faking data is used and bouncing back to without any activity.

\n

\n \n \n

\n

AWS DynamoDB

\n

Dynamo DB is a NO SQL database provided by Amazon Web Services. The main job of Dynamo DB is to Store & Retrieve any amount of data and serve any level requests of traffic.\nIn this, there are different terminologies as that of a regular database. Secondary Indexes is a Data Structure that contains a subset of attributes from a table.

\n\n

\n \n

Tweepy is a python package that smoothly and transparently accesses Twitter's endpoints made available for the developers. Without Tweepy, the user would have to take care of various low-level details about HTTP requests, rate limiting, authentication, serialization, etc. Tweepy handles all this mess on behalf of the user making the application prone to errors.\nIn simple words, Tweepy is an open-source python package that provides a way for developers to communicate with the Twitter API. But keep in mind that Twitter levies a rate limit on the number of requests made to the Twitter API. To be precise, 900 requests/15 minutes are allowed; Twitter feeds anything above that an error.

\n

Installation

\n

Tweepy can be installed by using Python package manager pip. A simple demonstration can be seen below:\n\"installation\"

\n

Installation on Linux and macOS should follow similar steps as well.

\n

Twitter API uses OAuth for authentication, so initially, you need to apply for authentication credentials from Twitter. These authentication credentials basically consists of 4 components namely : consumerkey, consumersecretkey, accesstoken, accesstokensecret . These credentials from Twitter are used to instantiate the API. Each account gets a unique key, so don't reuse someone else's keys.\nFor getting those credentials from Twitter, apply for a developer account on the Twitter Developers page.\n\"twitterdev\"\nThis is what the account looks like. Here you will get detailed information about the total no. of requests made, your API credentials, and much more information. After creating an account, you need to create an app wherein you will be asked to name your app and a short description. You must be wondering what an app is?\nThe app is like a gateway that contains a set of permissions and keys used to access the Twitter API. An app is needed for accessing the Twitter API as a part of Twitter's OAuth authentication. After creating an app, generate new authentication tokens for authorization purposes.

\n

\"keys\"

\n

Getting Started: Tweepy

\n

There are four common basic steps in any Tweepy application.

\n
    \n
  1. Importing tweepy package.
    2. \n
  2. Setting the authentication credentials.
    3. \n
  3. Instantiating the API.
    4. \n
  4. Creating API object.
    5. \n
\n
import tweepy\n# authenticating twitter api credentials\nconsumer_key = '2OsNoPKOYCpxxxxxxxxxxxxxxxxxxxxxx'\nconsumer_secret = 'Xw07uU51xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\naccess_token = '24621057xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\naccess_token_secret = 'pXt5xxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n\n# instantiating the api\nauth = tweepy.OAuthHandler(consumer_key, consumer_secret)\nauth.set_access_token(access_token, access_token_secret)\n\n# creating API object\n\napi = tweepy.API(auth,wait_on_rate_limit=True,wait_on_rate_limit_notify=True)\n\nimport tabulate\nuser = api.get_user("Cristiano")\nprint("User Details:")\nprint(tabulate([["Name","Description","Location"],[user.name,user.description,user.location]],headers="firstrow"))
\n
\n

Note: Use your credentials in the hidden keys above._

\n
\n

Objects created from the Tweepy. API class helps us access most of Twitter's available functionality like tweets, retweets, likes, etc. In the code snippet, we used the api.get_user method for getting information about a certain user on Twitter. Likewise, there can be several use cases of different methods(discussed below) made available by Twitter to developers. You can find the link for this code here.

\n

Now we will see different methods provided by Twitter. The API methods have been divided into groups based on their functionality. The detailed guide for the API methods can be found at the official API Reference documentation.

\n\n

Timeline Methods

\n

These methods handles the tweets, retweets, statuses on your/someone else's timeline as long as the account is public.

\n
tweets = api.home_timeline()\nfor tweet in tweets:\n    print(f"{tweet.user.name} said {tweet.text}")
\n

api.home_timeline() is an API method that returns the 20 most recent tweets on the user's timeline.

\n

Status Methods

\n

These methods deal with creating, fetching tweets, retweeting tweets.

\n
api.update_status("Hello World!")
\n

api.update_status() is an API method used to create a tweet on the user's timeline. For each update request, it will check the user's recent tweets. If any duplication is found, the request will be blocked by Twitter as a user cannot post the same tweet more than once.

\n

User Methods

\n

These methods help to find the user details using various paramaeter like name, location, description,friends, followers,etc. as long as the account is public.

\n
user = api.get_user("ISRO")\nprint(user.name)\nprint(user.decscription)\nprint(user.followers)\nprint(user.location)
\n

We have used get_user() previously to fetch user details of specific accounts.

\n

Friendship Methods

\n

These methods help the user to follow, unfollow certain accounts, list the accounts user follows, etc.

\n
api.create_friendship("elonmusk")
\n

create_friendship() will add @elonmusk to the list of accounts you follow.

\n

Favorite Methods

\n

Likes or unlikes(if already liked) the status specified in the ID parameter as the authenticating user.

\n
api.create_favorite(tweet.id)
\n

create_favorite() will like a tweet based on the tweet id provided.

\n

Block Methods

\n

Used to block, unblock, list blocked accounts of the user.

\n
api.create_block(id/screen_name)
\n

createblock() will block the specific user using the id/screenname provided.

\n

Search Methods

\n

These methods help the user to search specific tweet based upon the search query and parameters provided. But not all tweets will be indexed or made available through the search methods.

\n
for tweets in api.search(q="iphone", lang="en"):\n    print(tweet.text)
\n

search() will look out for all the tweets available for the query keyword 'q' provided.

\n

Trends Methods

\n

It returns the trends going on at a specific geographical location.

\n
api.trends_place(1)
\n

trends_place() will show trends in the specific area. Here one stands for worldwide.

\n

Geo Methods

\n

It returns the geographical location like latitude, the longitude of the place id provided.

\n
api.geo_id(id)
\n

geo_id() returns more geographical information of the concerned place id.

\n

Conclusion

\n

Tweepy allows the user to concentrate on the application's logic by hiding many low-level details, thus making the application bug-free. You can use tweepy to do some cool projects like bots, automation, machine learning applications, etc.

\n
Ket Takeaways
\n\n

More information about tweepy can be found at docs. Make sure to look at the official documentation as it will provide you with a greater picture of the package. So what are you waiting for? Go ahead, use your imagination, and get started with the side-project you've always been thinking of.

\n","frontmatter":{"date":"November 02, 2020","updated_date":null,"description":"Learn how to use Twitter APIs using Tweepy, a python package,","title":"Beginners Guide to Tweepy ","tags":["Twitter","Tweepy","Python"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/63d4d3ea1070111c43e0bdfa476b2a62/14b42/coverimage.jpg","srcSet":"/static/63d4d3ea1070111c43e0bdfa476b2a62/f836f/coverimage.jpg 200w,\n/static/63d4d3ea1070111c43e0bdfa476b2a62/2244e/coverimage.jpg 400w,\n/static/63d4d3ea1070111c43e0bdfa476b2a62/14b42/coverimage.jpg 800w,\n/static/63d4d3ea1070111c43e0bdfa476b2a62/47498/coverimage.jpg 1200w,\n/static/63d4d3ea1070111c43e0bdfa476b2a62/0e329/coverimage.jpg 1600w,\n/static/63d4d3ea1070111c43e0bdfa476b2a62/d8255/coverimage.jpg 1920w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Sameer Mahajan","github":"sameermahajan101","avatar":null}}}}]},"markdownRemark":{"excerpt":"Google has prepared a roadmap to restrict third-party cookies in Chrome. Since 04 January 2024, Chrome has rolled out third-party cookie…","fields":{"slug":"/engineering/identity-impact-of-google-chrome-thirdparty-cookie-restrictions/"},"html":"

Google has prepared a roadmap to restrict third-party cookies in Chrome. Since 04 January 2024, Chrome has rolled out third-party cookie restrictions for 1% of stable clients and 20% of Canary, Dev, and Beta clients.

\n

What does it mean for user authentication?

\n

On one hand, Google believes third-party cookies are widely used for cross-site tracking, greatly affecting user privacy. Hence, Google wants to phase out (or restrict) supporting third-party cookies in Chrome by early Q2 2025 (subject to regulatory processes).

\n

On the other hand, Google introduced Privacy Sandbox to support the use cases (other than cross-site tracking and advertising) previously implemented using third-party cookies.

\n

In this article, we’ll discuss:

\n\n

How is User Authentication Affected?

\n

Third-party cookie restrictions affect user authentication in three ways, as follows.

\n

External Identity Providers

\n

If your website or app uses an external Identity Provider (IdP) — like LoginRadius, the IdP sets a third-party cookie when the user authenticates on your app.

\n

Web SSO

\n

If you have multiple apps across domains within your organization and authentication is handled using an IdP (internal or external) with web SSO, you already use third-party cookies to facilitate seamless access for each user using a single set of credentials.

\n

If you have implemented web SSO with one primary domain and multiple sub-domains of the primary domain, third-party cookie restrictions may not apply. For now, Google doesn’t consider the cookies set by sub-domains as third-party cookies, although this stance may change in the future.

\n

For example, you have apps at example.com, travel.example.com, stay.example.com, and web SSO is handled by auth.example.com. In this case, third-party cookie restrictions don’t apply.

\n

Federated SSO

\n

Federated SSO is similar to, albeit different from, web SSO. It can handle multiple IdPs and applications—aka., Service Providers (SPs)—spanning multiple organizations. It can also implement authentication scenarios that are usually implemented through web SSO.

\n

Usually, authentication is handled on a separate pop-up or page when the user wants to authenticate rather than on the application or website a user visits.

\n

For example, you already use federated SSO if you facilitate authentication for a set of apps through multiple social identity providers as well as traditional usernames and passwords.

\n
\n

Note: It is also possible to store tokens locally, not within cookies. In this case, third-party cookie restrictions won’t affect token-based authentication. However, the restrictions still affect authentication where tokens are stored within third-party cookies (a common and secure method).

\n
\n

Chrome’s Alternatives for Third-Party Cookies

\n

Google has been developing alternative features and capabilities for Chrome to replace third-party cookies as part of its Privacy Sandbox for Web initiative.

\n

Specific to authentication, Google recommends the following:

\n
    \n
  1. Cookies Having Independent Partitioned State (CHIPS)
    2. \n
  2. Storage Access API
    3. \n
  3. Related Website Sets
    4. \n
  4. Federated Credential Management (FedCM) API
    5. \n
\n

Cookies Having Independent Partitioned State (CHIPS)

\n

CHIPS are a restricted way of setting third-party cookies on a top-level site without making them accessible on other top-level sites. Thus, they limit cross-site tracking and enable specific cross-site functionalities, such as maps, chat, and payment embeds.

\n

For example, a user visits a.com with a map embed from map-example.com, which can set a partitioned cookie that is only accessible on a.com.

\n

If the user visits b.com with a map embed from map-example.com, it cannot access the partitioned cookie set on a.com. It has to create a separate partitioned cookie specific to b.com, thus blocking cross-site tracking yet allowing limited cross-site functionality.

\n

You should specifically opt for partitioned cookies (CHIPS), which are set with partitioned and secure cookie attributes.

\n

If you’re using an external identity provider for your application, CHIPS is a good option to supplant third-party cookie restrictions.

\n

However, CHIPS may not be ideal if you have a web SSO or federated SSO implementation. It creates separate partitioned cookies for each application with a separate domain, which can increase complexity and create compatibility issues.

\n

Storage Access API

\n

With Storage Access API, you can access the local storage in a third-party context through iframes, similar to when users visit it as a top-level site in a first-party context. That is, it gives access to unpartitioned cookies and storage.

\n

Storage Access API requires explicit user approval to grant access, similar to locations, camera, and microphone permissions. If the user denies access, unpartitioned cookies and storage won’t be accessible in a third-party context.

\n

It is most suitable when loading cross-site resources and interactions, such as:

\n

Verifying user sessions when allowing interactions on an embedded social post or providing personalization for an embedded video.\nEmbedded documents requiring user verification status to be accessible.

\n

As it requires explicit user approval, it is advisable to use Storage Access API when you can’t implement an identity use case with the other options.

\n

Related Website Sets

\n

With Related Website Sets, you can declare a primary website and associatedSites for limited purposes to grant third-party cookie access and local storage for a limited number of sites.

\n

Chrome automatically recognizes related website sets declared, accepted, and maintained in this open-source GitHub repository: Related Website Sets

\n

It provides access through Storage Access API directly without prompting for user approval, but only after the user interacts with the relevant iframe.

\n

It is important to declare a limited number of domains in related website sets that are meaningful and used for specific purposes. Google may block or suspend any exploitative use of this feature.

\n

The top-level site can also request approval for specific cross-site resources and scripts to Storage Access API using resuestStorageAccessFor() API.

\n

If you’re using an external identity provider for your web application, you can declare the domain of the identity provider in the related set to ensure limited third-party cookies and storage access to the identity provider, thus ensuring seamless user authentication.

\n

Related Website Sets can also work to supplement third-party cookie restrictions in web SSO and federated SSO if the number of web applications (or domains) is limited.

\n

Federated Credential Management (FedCM) API

\n

FedCM API enables federated SSO without third-party cookies.

\n

With FedCM API, a user follows these steps for authentication:

\n
    \n
  1. The User navigates to a Service Provider (SP) — aka., Relying Party (RP)
    2. \n
  2. As the user requests to authenticate, the SP requests the browser through FedCM API to initiate authentication.
    3. \n
  3. The browser displays a list of available identity providers (supported by the RP), such as social IdPs like Google, Apple, LinkedIn, and Facebook, or other OAuth IdPs like LoginRadius.
    4. \n
  4. Once the user selects an IdP, the browser communicates with the IdP. Upon valid authentication, the IdP generates a secure token.\nThe browser delivers this secure token to the RP to facilitate user authorization.
    5. \n
\n

You can access a user demo of FedCM here: FedCM.

\n

For more information about implementing federated SSO with FedCM API, go through the FedCM developer guide.

\n\n

Firstly, we’re committed to solving our customers' user identity pain points — and preparing for the third-party cookies phase-out is no different.

\n

We’ll implement the most relevant and widely useful solutions to facilitate a smooth transition for our customers.

\n

Please subscribe to our blog for more information. We’ll update you on how we help with the third-party cookie phase-out.

\n

In Conclusion

\n

The proposed changes to phase out third-party cookies and suggested alternatives are evolving as Google has been actively collaborating and discussing changes with the border community.

\n

Moreover, browsers like Firefox, Safari, and Edge may approach restricting third-party cookies differently than Google does.

\n

From LoginRadius, we’ll keep you updated on what we’re doing as a leading Customer Identity and Access Management (CIAM) vendor to prepare for the third-party cookie phase-out.

\n

Glossary

\n

Top-level site: It is the primary site a user has visited.

\n

First-party cookie: A cookie set by the top-level site.

\n

Third-party cookie: A cookie set by a domain other than the top-level site. For example, let’s assume that a user has visited a.com, which might use an embed from loginradius.com to facilitate authentication. If loginradius.com sets a cookie when the user visits a.com, it is called a third-party cookie as the user hasn’t directly visited loginradius.com.

\n

References

\n\n","frontmatter":{"date":"July 08, 2024","updated_date":null,"description":"Google Chrome has planned to phase out third-party cookies, which will affect different website functionalities depending on third-party cookies. This blog focuses on how this phase-out affects identity and user authentication and discusses alternatives for overcoming challenges.","title":"How Chrome’s Third-Party Cookie Restrictions Affect User Authentication?","tags":["Identity","Cookies","Chrome"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/eb7396060c0adc430dbed2d04b63d431/ee604/third-party-cookies-phaseout-chrome.png","srcSet":"/static/eb7396060c0adc430dbed2d04b63d431/69585/third-party-cookies-phaseout-chrome.png 200w,\n/static/eb7396060c0adc430dbed2d04b63d431/497c6/third-party-cookies-phaseout-chrome.png 400w,\n/static/eb7396060c0adc430dbed2d04b63d431/ee604/third-party-cookies-phaseout-chrome.png 800w,\n/static/eb7396060c0adc430dbed2d04b63d431/f3583/third-party-cookies-phaseout-chrome.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Raghunath Reddy","github":"raghunath-r-a","avatar":null}}}},"pageContext":{"limit":6,"skip":114,"currentPage":20,"type":"//engineering//","numPages":52,"pinned":"17fa0d7b-34c8-51c4-b047-df5e2bbaeedb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}