A simple web app and around 15 minutes of your time can make your GitHub Profile stand out. This article also contains a list of resources and tutorials to make your GitHub About Me/Read Me look fancy 😍

Photo by Clark Tibbs on Unsplash

You might have already seen articles explaining the ‘secret’ repo with a cool ReadMe feature in GitHub but put off actually creating one. I built an app to do most of the work for you 😃

Table of Contents

  1. Create the ‘secret’ repo with About Me
  2. GitHub About Me/ Profile README Generator
  3. Emojis and GIFS
  4. Visitor Badge
  5. Github Stats
  6. Latest Blog Posts
  7. WakaTime Stats
  8. Social Icons
  9. Inspiration for your ReadMe
  10. Resources
  11. Conclusion

Create the ‘secret’ repo 🔓

  • Go to https://github.com/new to create a new GitHub repository
  • Set your GitHub username as the repository name. My GitHub user name is rahulbanerjee26 therefore my repo name should also be rahulbanerjee26


Life is short, let Python automate your EDA

Photo by Samantha Hurley from Burst

EDA (Exploratory Data Analysis) is one of the first steps performed on a given dataset. It helps us to understand more about our data and gives us an idea of manipulations and cleaning we might have to do. EDA can take anywhere from a few lines to a few hundred lines. In this tutorial, we will look at libraries which help us perform EDA in a few lines

Dataset

We will use the Titanic Dataset provide by Kaggle. Using Panda’s describe() method, we get the below output


Be careful when working with nested objects

Photo by Filip Mroz on Unsplash.

If you have worked with APIs before, you have most likely worked with deeply nested objects. Consider the following object:

Let’s try accessing some values:

console.log(
someObject.data[0].attributes.color
)
// red

This works fine, but what if we try to access the color property of the second element in the data?

console.log(
someObject.data[1].attributes.color
)
// undefined

It prints undefined because the attributes property is empty. Let’s try to access the second element inside the arr property:

In the first case, 2 is printed in the console. However, in the second case, we get an error.

This is because someObject.data[1].attributes


Lodash significantly reduces your lines of code and makes your code look more readable

Photo by Paul Esch-Laurent on Unsplash

Why use lodash

  • It reduces the lines of code significantly
  • Supports common operations done on Objects and Arrays
  • Supports common operations on strings
  • Supports generic functions
  • Trusted by other developers. It has 50k+ ⭐️ on GitHub
  • Well Documented
  • You don’t need to learn any new syntax or concepts or anything. It uses plain old JavaScript.

Install lodash

npm install lodash

Accessing values in deeply nested objects

When dealing with API responses, more often than not, the data you’d like to access will be deeply nested.

Consider the following example.


Image by Author

We will ensure the following things:

  • The npm package only contains the relevant JavaScript files along with type declarations.
  • Our public repo doesn’t need to contain any JavaScript files.

This article by Bret Cameron is a great resource to create a useful and accessible npm package.

My current TypeScript project

My current project has the following file structure.


I recently got my hands the GitHub Copilot extension for VS Code and it’s amazing (borderline scary)

Cover Photo
Cover Photo
https://unsplash.com/photos/UT8LMo-wlyk

Function to get Pokemon Data


Image by Author

Originally Posted on realpythonproject.com

Connect with me on LinkedIn, Twitter

Since quite a few people found my previous article helpful, I decided to make a similar cheatsheet for Axios.

Axios is used to make requests and to consume APIs.

I will be working in a NodeJS environment.

If you need a refresher on the Axios library, check out this article by Sebastian Eschweiler

This article by Jason Arnold compares Fetch and Axios, two of the most popular libraries use to make requests in JavaScript

Installing Axios

npm install axios

Importing Axios

const axios = require('axios')

Making a get request

With Promises (without async/await)

const axios = require("axios");
const url = "https://jsonplaceholder.typicode.com/todos/1";
axios.get(url)…

The fetch API in JavaScript is used to make requests. It can also be used to consume APIs. Let’s take a look at some of the most common operations using fetch API.

Image by Author

Originally Posted on realpythonproject.com

Connect with me on LinkedIn, Twitter

The fetch API in JavaScript is used to make requests. It can also be used to consume APIs. Let’s take a look at some of the most common operations using fetch API.

I will be working in a NodeJs environment

If you want to learn more about the fetch API or want to get a deeper understanding, check out this article by Peter Sz

Here is an article by Harsh Patel comparing Axios and Fetch, two of the most popular libraries in JavaScript used to make requests.

Installing node-fetch

npm install node-fetch

Importing node-fetch


Not all APIs are as well documented as Twilio. This guide helps you work with APIs which are secured using Keys, BasicAuth, or OAuth

hand holding a set of keys
hand holding a set of keys
Photo by Maria Ziegler on Unsplash

We will be working with the following APIs:

If you are interested in a similar guide for Python, check out my previous article.

Some familiarity with promises in JavaScript is expected. Check out this article by Eric Elliott for an introduction to promises in JavaScript.

Some familiarity with the Fetch API is also expected. Here is a great article by Swapnil Bangare.

Table of Contents

Insecure APIs
Reading values from .env files

APIs with keys
APIs with basic auth
API wrappers
APIs secured via OAuth2
Using the GitHub API (OAuth2)
Using the Genius API…


Cover Image

Originally Posted on realpythonproject.com

Connect with me on LinkedIn, Twitter

TypeScript Compiler

Install

sudo npm install typescript -g

or

brew install typescript

Run the Compiler

tsc <fileName.ts>

If I have a file named index.ts.

tsc index.ts

The TypeScript compiler essentially converts a TypeScript file to a JavaScript file. It produces a new .js file.

index.ts -> index.js (a new file, doesn't overwrite .ts file)

It also checks for errors in your code

tsconfig.json File

It helps you configure your compiler.

To create a sample tsconfig.json, type the following in the root of your directory (in the command line)

tsc -init

You can configure the root to all your…

Rahul Banerjee

Articles related to Python, Data Science, APIs |SDE Intern @Amazon | Comp Eng Student @uoft

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store