Web Development

HTML Forms – Elements, Controls

HTML forms give us a set of elements to collect data from the users. Let's check out how to create an HTML form, different... Read more »

HTML Basics – Structure, Elements, Tags, Attributes

HTML refers to Hypertext Markup Language. It is a simple and elegant way to structure content. HTML Stucture The structure of HTML basically consists... Read more »

Terminal Command to check Current React Version

Check the current version of React installed in the system using the terminal command. npm command that can be used in VS code terminal... Read more »

How to use Roboto-Bold Font in CSS

Use the Bold variant of Robot Font in CSS for web. Add Roboto font to the webpage style using font-face. @font-face { font-family: Roboto-Bold;... Read more »

Install and Use Bootstrap CSS with React

Boostrap is an amazing css framework, using which we can easily design our React app. Using the bootstrap framework is very easy. Lets check... Read more »

Install and Setup MongoDB Database – Local

Mongo DB is one of the most popular noSQL database. In this post we gonna setup MongoDB in a windows machine. Firstly goto Mongo... Read more »

View JSON Data as a Tree Structure – Chrome Extension

JSON responses can be easily viewed in a tree structure using with the help of a chrome extension. So we gonna discuss that extension... Read more »

Chrome Extention for Beautifying JSON Data

JSON (JavaScript Object Notation) is one of the favorite format used for passing data around the internet. Its commonly used formats with APIs. We... Read more »

VS Code Editor Shortcut for HTML Boilerplate code

We can easily generate the boilerplate code for a basic Html file in the popular editor VS Code. This can be achieved by some... Read more »

HTML to React App — Convertion Steps

Create React App npx create-react-app app-name cd  app-name npm start Steps of conversion Copy paste css to index.cssCopy paste contents inside <body> to App.js  return dataReplace "class" with "className" ... Read more »