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


Let’s look at two use cases of working with APIs in React Functional Components

Photo by La-Rel Easter on Unsplash

Using APIs in your React project is a common use case. In this tutorial, we will look at two use cases:

  • Loading API Data in the Background
  • Loading API Data on button click

We will use functional components and the useEffect hook. Some familiarity is expected.

Loading API Data in the Background


Never commit bad code again

Cover for automate formatting and linting in Python
Photo by Fotis Fotopoulos on Unsplash

We will be looking at some packages to format, lint, test our code and later create a pre-commit hook to automate the process. This article by Dan Root is a well-written overview of the PEP 8 style guide.

Before we talking about the packages we will use, let’s look at the python files we will work with

We have a function called helpers.py

helpers.py

It has simple arithmetic functions. All the functions accept two parameters and perform an arithmetic operation on them.

We have another file called tester_helpers.py

tester_helpers.py

This file simply tests the functions we defined earlier. …


Build your first Flask API

Photo by Paul Hanaoka on Unsplash

Websites have been floating around us for quite a long time now. The process of web development is quite simple, actually! All you need is some basic knowledge of HTML, CSS and JavScript.
But this isn’t completely true; at some point, you will realize that there are dozens of limitations and restrictions in the traditional web development method.
Let’s assume a situation, you are an ML expert and have built an out of box solution using Linear Regression. Now, you want to showcase your product to the world. Of course, you’ll need a website, and if you research, you’ll find that developing…


Never make a bad commit again

Image by author

What Are Git Hooks?

Git hooks are basically scripts fired before an important action occurs, e.g., before a commit is made, before code is pushed to a repo after a commit is made, etc. You can learn more about Git Hooks and the different kinds of hooks over here.

This article by Enrique López-Mañas is also a good read to learn more about git hooks.

A pre-commit hook is a hook that is run before you make a commit.

TL;DR

  1. Install Mocha and Chai for testing
  2. Install Eslint for Linting
  3. Install Pretty and Pretty-quick for formatting
  4. Install Husky to setup pre-commit hook
  5. Test the pre-commit…


We will be working with Twilio API and the AssemblyAI API

Photo by Quino Al on Unsplash

In this tutorial, we will transcribe a call recording in Twilio using AssemblyAI’s API. We will use Python to write the scripts. We will be discussing the following

  • Libraries/APIs we will use
  • Setting up Environment and File Structure
  • Working with the twilio API
  • Working with the AssemblyAI API
  • Transcribing the recording

Requirements

  • Basic Knowledge of Python
  • Although not required, familiarity with the requests library will be helpful

GitHub Repo Link

You can find the entire source code here

Libraries/APIs we will use

twilio

Twilio is a service that lets you make/receive calls and SMS using their API. Twilio also provides an official wrapper for their API. The wrapper makes…


Keep your database row ids unique

JavaScript UUIDs
Photo by Dmitry Chernyshov on Unsplash

Generating UUIDs

UUIDs are Universally Unique Identifiers. They are also known as GUIDs (Globally Unique Identifier). It is basically unique IDs. Below is an example

00630208-fe51-11eb-9a03-0242ac130003

This article by Ludi Rehak is a really interesting read talking about the uniqueness of a UUID

Let’s take a look at 4 different ways to generate UUIDs in JavaScript

UUID 11.4k+⭐️

First, we will need to install it

npm install uuid

Below is the code-snippet to generate an UUID

const uuid = require('uuid')// Generates a version 4 uuid
console.log(
uuid.v4()
)
// 01a8fc1c-81ff-4337-82af-c4bc64121851
// Generates a version 1 uuid
console.log(
uuid.v1()
)
// 01a8fc1c-81ff-4337-82af-c4bc64121851

NanoID 13.7k+ ⭐️

This is…


Be careful when working with nested objects

Winding road
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.

Rahul Banerjee

Articles related to Python, Data Science, APIs | 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