Hello everyone! In this extremely short code walkthrough I’m going to show you how you can go about Creating a Navbar Using react-router-dom,react-router-bootstrap and react-bootstrap!

First of all you have to start and run your react app on the server like you would normally. If you’re unsure how to do so open up this blog of mine on a new tab and then complete all the steps for creating a react app. After you’re done switch back to this blog again.

Now let’s install the following things by running this command on our terminal:

npm i react-router-dom react-bootstrap react-router-bootstrap


Assalamu Alaikum! In this particular story, I’m thinking of demonstrating how we can make a Todo-List using React Native!

I’m thinking of keeping it pretty short with minimal to almost no styling at all. The main idea of it is to demonstrate how a todolist can be made with react native as fast as possible. You can experiment with the styling yourself once you’re done implementing the whole thing. But in the future, I will show you ways how you can create good UIs using React Native.


You need to have a working level understanding of the following things…

Hi! So this is my 10th blog(woohoo) and so I was thinking of becoming a little more personal in this one in celebration of that and I was thinking about sharing why I actually love programming and what really got me into it.

So my relationship with coding and developing is quite complicated really. We had a bumpy start and we still have rough patches sometimes! But everything is still super good in spite of that and it’s getting better as days are going by!

Photo by Christopher Gower on Unsplash

If I were to mention the things that made me inclined towards coding, I would…

Top of the morning to ya! In this story I’m gonna try to show you two things.

What two things? Well read the article name again. If you’re still unsure whether you wanna start learning ReactJs or not and if you’re still thinking about backing down, please read this article I wrote to get you back on track.

So let’s jump into it.


To create a react app, open up VSCode and then open up your desired directory which is the place you want to initialize your react app.

Now the only thing standing between your very first react app…

Greetings my fellow developers!

Here we’re gonna go over the procedures we need to follow in order to host a site on github pages for free! The term “procedure” might seem a bit far fetched here because the things we need to do in order to complete this task are actually pretty simple and straightforward. Now let’s cut straight to the chase and get started!

Step 1: Making a Github Account

This step is a given, you need to make your github account. If you already have an account skip this step and move over to step 2. To make an account go to https://github.com/

Hello everyone! Today I’m here to demonstrate how you can use the Mern stack to build a very simple Crud application!

If you’re unsure what MERN is, please check this blog.

N.B Even though the best way to learn this is by coding along with the instructions but still I’d suggest you to download my code, if you are not able to follow along with everything. This is mainly because my way of explaining things might seem incoherent to many. And also, once you open up and see the files for yourself it might make a bit more sense.


This the part 2 of my numPy Crash Course. Here, we are gonna look at a some intermediate topics of the numPy library.

Table of Contents:

Concatenating arrays

Stacking arrays

Splitting arrays




Mathematical Operations

Searching in an array

Statistical Operations

If you want the part 1 of the crash course, click on this link.


Concatenating 1D arrays in numPy

Here the concatenate function simply took in the arrays we wanted to join and then we assigned the result into a new variable.

Likewise for 2D arrays,

In this story, I’ll try to cover some of the basic operations of Numpy. So this will kind of act as a revision/cheatsheet sheet for people already familiar with Numpy or if they just want to brush up on their skills or existing knowledge on it. This is just part 1 though which deals with the following things.

Table of contents:

Creating a numPy object

Accessing numPy objects/arrays

Different types of numPy arrays

— Working with random values

— Reshaping Arrays

So without further ado, lets get into it!


Creating a 1D array

This is actually an example of a 1D array. We’ll see…

One of the main ways an object can be detected in OpenCV is the by making use of something called a “Cascade Classifier”. A Cascade classifier can be defined in the following way:

“It is a machine learning based approach where a cascade function is trained from a lot of positive and negative images. It is then used to detect objects in other images.”

By positive images, we mean the objects we want to detect.

By negative images, we mean all the objects we want to avoid.

In our examples, we will work with faces as our objects. So primarily…

In this story we are going to go through some functions of OpenCV that can help us draw shapes and place texts on Images according to our will.

First things first, lets show this image using matplotlib in jupyter using the following code:

import cv2 as cv
import matplotlib.pyplot as plt

image2=cv.cvtColor(image1, cv.COLOR_BGR2RGB)

If these steps seem unfamiliar , check out my previous blog


Method used for drawing Rectangles:


Syntax: cv2.rectangle(img, startingPoint, endingPoint, colour, thickness)



Output for this code is :

Faiza Anan Noor

A novice developer/programmer on a quest to explore the world of coding and development. It's tough, bumpy and scary. But that doesn't hold this lady back!

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