Here we talk about some technologies that are used in this project named POWER-X-GYM

Project Overview

It is a MERN stack project named ‘Power-X-Gym’. Where users can take gym related services and classes according to their plan.There are three types of price plan. Advance plan, Basic plan and beginners plan.Payment system are also added in this system

Trello

Trello is, at its core, an online corkboard. You use it to organize “cards” into lists — those cards can be tasks, notes, projects, shared files, or anything else that helps your team work together.

Google Analytics

Google Analytics works by the inclusion of a block of…


Vue.js is a framework that lets you extend HTML with HTML attributes called directives. Vue.js provides built-in directives and user defined directives.So let’s start wondering!!

Vue.js Directives

Vue.js uses double braces {{ }} as place-holders for data.

Vue.js directives are HTML attributes with the prefix v-

Declarative Rendering

Vue.js enables us to declaratively render data to the DOM using straightforward template syntax:

<div id=”app”> {{ message }} </div>(html file)

var app = new Vue({ el: ‘#app’, data: { message: ‘Hello Vue!’ } })(jS file)

Interpolations

Interpolation means putting or rendering your data which is possible very easily using Vue’s double-mustache syntax. …


1)Flattening an Array

By “flattening” an array, we mean taking a multidimensional array and turning it into a regular “single” dimensional array.By default, flat() will only flatten one layer deep. In other words, depth is 1.

//array.flat(<depth>);const twoLevelsDeep = [[1, [2, 2], 1]];

// depth = 1
twoLevelsDeep.flat()
// [1, [2, 2], 1]

// depth = 2
twoLevelsDeep.flat()
// [1, 2, 2, 1]

2)Ajax Call

AJAX stands for Asynchronous JavaScript And XML. In a nutshell, it is the use of the XMLHttpRequest object to communicate with servers. It can send and receive information in various formats, including JSON, XML, HTML, and text files.The …


1)Palindrome

In palindrome challenge, A string is given to you.You have to show whether that string is palindrome or not.A palindrome is a word, sentence or other type of character sequence which reads the same backward as forward. For “Radar” are palindromes. “people” is not palindromes, because they don’t read the same from left to right and from right to left.

2)The FizzBuzz Challenge

The FizzBuzz challenge goes something like this. Write a function that does the following:

  • console logs the numbers from 1 to n, where n is the integer the function takes as its parameter
  • logs fizz instead of the number for…


1)What is readline()?

readline() is their method to read stdin and print() is the stdout method.
If you come from web, you could almost compare readline to prompt(), the script simply pauses and waits until something comes from user input.

2) Syntax Error (Parsing Error)

In a traditional programming language, this type of error occurs at compile time; because JavaScript is an interpreted language, this type of error arises when the code is interpreted. When a syntax error occurs in JavaScript, only the code contained within the same thread as the syntax error is affected; independent code running in other threads will still be executed, as nothing in…


In this article, i will discuss some react interview questions and answers.

1)What are synthetic events in React?

Synthetic events are the objects which act as a cross-browser wrapper around the browser’s native event. They combine the behavior of different browsers into one API. This is done to make sure that the events show consistent properties across different browsers.

2)What do you understand by refs in React?

Refs is the short hand for References in React. It is an attribute which helps to store a reference to a particular React element or component, which will be returned by the components render configuration function. It is used to return references to a particular element or…


1)What is an event bubbling in JavaScript?

Event bubbling is a way of event propagation in the HTML DOM API, when an event occurs in an element inside another element, and both elements have registered a handle for that event. With bubbling, the event is first captured and handled by the innermost element and then propagated to outer elements. The execution starts from that event and goes to its parent element. Then the execution passes to its parent element and so on till the body element.

2)How do JavaScript primitive/object types passed in functions?

One of the differences between the two is that Primitive Data Types are passed By Value and Objects are passed By…


In this article,i will discuss some interview questions regarding HTML and CSS.

1)What is HTML5? What are the new features?

HTML is a markup language designed for processing, defining and formatting the texts to be displayed in a web browser.The HTML5 is the latest vresion and has features like:

  1. Local Storage and session storage instead of cookies
  2. New form elements like date,time,url,range,color
  3. Canvas for 2D drawing.
  4. Media elements like audio and video
  5. New semantic elements like nav, header, footer,section and article.

2)What is the difference between Canvas and SVG?

SVG stands for Scalable Vector Graphics where Canvas is pixel graphics.

SVG is a resolution-independent,it will not lose its quality when resized or zoomed.But canvas is resolution-independent.The…


In this article, we will try to give a total overview about React. As a pre-requisites,there are few things before started ReactJs . Those are HTML, CSS, JavaScript,ES6, Document Object Model(DOM).

What is React and Why React Js?

React is a Java Script Library for building user interface.It allows us to create reusable Ul components.In traditional web application programming, for even a small change in the webpage, the whole page is reloaded. This makes the web pages slower than they should be.React mainly solve this problem.

What is DOM and Virtual DOM?

DOM means document object model which is parsed from html text. DOM is represented in tree structure and a memory representation…


In this article, we will discuss some searching and sorting Algorithm those are implemented in JavaScript.If you are in the middle of learning JavaScript,you can read it.

Linear Search Algorithm

Assume that, there is a bookshelf and we have to find a book from that shelf.If you search randomly, then there is a possibility not to find out that particular book.If we go for finding that book one by one instead of randomness,there is possibility to find out that books.If not,then we clearly claim that the book is not here.In computer science,that one by one searching process is called linear.We can assume the…

Hridoy Banik

Web developer

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