Image for post
Image for post
Photo by Susan Yin on Unsplash

Hi Guys !, this article is the continuity of my previous article.

In part-1 we have discussed about the basic concept of mongoDB , we have developed our Product Store Application using MongoDB and React . Actually in part-1 we have build the application with the basic approach of MongoDB, creating backend using MongoDB, defining api and all , then creating frontend using React , and finally connecting the frontend and backend. If you have not checked my first blog please check that one first then you will understand the basic concept and what’s the difference between the two approach, the one we have applied in part 1 and the one we will be applying in part 2.So …


Image for post
Image for post
Photo by Markus Spiske on Unsplash

Hi Guys ! in this article we will be creating a Product Store Application ,using MongoDB and React. On the second part we will be building the same application using Stitch(Realm) , a server less platform for building application.

So what is MongoDB , MongoDB is database, word MongoDB comes from the word Humongous , which means huge. So MongoDB will be having collections(table for schema full)and each collections are having document(data for schema full).So in MongoDB, data are stored in binary form of json format called BSON. It’s is very flexible since it is schema less we can store any type of data in collection. MongoDB is managed by a very strong community called MongoDB/Atlas (Cloud) which is self managed enterprise. It’s also having cloud management and ops management. …


Image for post
Image for post
Photo by Lukas Blazek on Unsplash

So it’s the continuity of my second article.

1st Article:

2nd Article:

So We will be continuing our discussion on D3 . We will be designing employee hierarchy data model using D3. So we will be create the employee tree of our awesome company Company Hierarchy :) . So there will be an add button if we click on that a modal will popup . The modal will be containing three fields employee name , report to which employee and department of the employee. And now by these data we are creating a beautiful employee hierarchy tree design. …


Image for post
Image for post
Photo by Scott Graham on Unsplash

Hi Guys , this article is the continuity of Part-1 article on D3

I will recommend you please go through my first article before starting this one. So in this article we will be designing expense tracker using D3. The user will enter the expense title and expense cost and according to the inserted expense data a donut chart will be created.

So we will start coding now, We will go through each and every line of code to get a better understanding , and there are few concept which we will be discussing while doing code walk through. …


Image for post
Image for post

In this article we will discuss about an amazing JS library for designing dynamic data visualization that is D3. We will be building fitness tracker application using D3.So we will be going through all the basic concept of D3 and the cool features provided by D3 for designing dynamic svg like pie charts , bar charts , graphs etc. Let’s start…

  1. What is D3 ?

D3 is a amazing JS library to create pretty any of data visualization, we can imagine in svg format.D3 create graphs in svg format. …


Image for post
Image for post

Hi Guys , in this article we will talk about WebRTC .We will go through all the basic concepts of WebRTC , and lastly there will be a demo project of creating own Video Chat using WebRTC .We will segregate our discussion into several segments:

  1. What is WebRTC ?
  2. What are the difference between Web Socket and Web RTC ?
  3. How WebRTC actually works ?
  4. Challenges of WebRTC ?
  5. Why we use WebRTC ?
  6. Code Walkthrough of our demo project of creating Video Chat.

What is WebRTC ?

WebRTC stands for Web Real Time Communication, as name suggests it’s a collection of api that allows direct connection between browsers . This allows to exchange file, information and any type of data between two or more browser or servers. …


Image for post
Image for post

Hi Guys so few we have seen we can design website using JavaScript but how about if we can design our own presentation using JavaScript.reveal.js is an open source HTML presentation framework. It’s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free. It’s documentation is super awesome well described and easy to understand. Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your presentation. Change styles with CSS, include an external web page using an <iframe> or add our own custom behavior in our presentation. Reveal.js …


Image for post
Image for post

Hi Guys , in this Blog I will discuss about Svelte , Actually when I start working with Svelte , It really surprises me , So I want to share with you what are the super awesome features of Svelte, and my first experience to work with Svelte. So first we will go through some basic concepts of Svelte and toward the end of our discussion we will create a small application , where we can add players using forms and also can delete those players from the list. So let’s get started:

What is Svelte ?

Svelte is a compiler for creating reactive web applications and interfaces, can be used for small parts of a site, or entirely like for Single Page Application (SPA). Svelte is used to create reactive application, by reactive we want to say if we have data or state in our webapps , that can be shown in browser then we want to react to the changes in data and state by reflecting change in browser instantly. Svelte helps us to create the reactive webapps. Svelte is actually a compiler, it’s not a framework . Svelte compile our code for production on build time, in a single Vanilla JavaScript bundle, and that’s the only thing we deploy with our website , to control the website we do not deploys the whole library like React, Vue. We just deploy the single JS file, which result very speedy and first website. Vue or React also ship either Vue or React library with the bundle. But Svelte only ship the JS bundle not Svelte library, it perform those in the compiled state, so it results smaller bundle. …


Image for post
Image for post

Hi Guys , in this article we are going build Covid 19 Tracker using React. We are going to use diseases.sh as the backend or api end -point , We will be fetching data from diseases.sh and rendering it in our application.

In our application , there will be few thing to display, Total number of cases, recoveries and deaths for each country in world , We will also be having the count for current cases, recoveries and deaths for every country in world.There will be a dropdown from where we can select the country name. We will be having a map showing the data of cases,recoveries and deaths with proper geographical location of each country.We will be having a tabular and graphical representation of data for each country. …


Image for post
Image for post

Hi Guys in this article we will make our own Flappy Bird game using React and JavaScript concept. Flappy Bird is a famous game where there is a bird who have to fly without getting hit into the obstacle which comes into it’s way. The obstacle comes from bottom and top. If Flappy bird hits the ground and the obstacle then the game will be over.So our application is mainly based on JavaScript.So let’s start coding:

About

Yudhajit Adhikary

Web developer by profession,Photographer,Blog Writer,Singer,Pianist,Seeker of Solution

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