How to start the local server for Cypress testing?

Tired of not finding answers to Cypress questions? If you are using Cypress for testing your React App, you might need to run the tests locally first. Read more…

Pure React – Purely the best resource to learn React

What is the best resource to learn the basics of React over the internet? This question has come to almost everyone’s mind while starting to learn something new. Let’s talk about the Pure React book.

Learn: What’s the Difference Between a URI and a URL?

Both of these mean different things, however are used alike. URI is sometimes confused with URL when in lowercase. How are these 2 different? A URI is an identifier of a specific resource generally. Like a page, or book, or a document. A URL is special type of identifier that also tells you how to access it, such as HTTPs, FTPs. If the protocol

Display: Grid in CSS explained

This shorthand guide to CSS Grid focuses on major settings required for an efficient grid parent container and the grid child container. Grid is known to be 2-directional systems. It can handle columns as well as rows. This is different from Flexbox which is used for 1-directional systems. This 2-directional system helps you get a

How to add Dark Mode to any website?

Dark Mode toggle for Websites is the most demanding feature these days. Dark pixels help save energy in OLED displays while decreasing energy consumption in the case of other displays. It is mild on the eyes and puts less strain as compared to bright white light from the monitor. Implementing Dark Mode is as easy

How to use Sass in HTML file?

Sass stands for Syntactically Awesome Style Sheets. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy

How to use Firebase Realtime Database in React App?

Steps to easily use Firebase Realtime Database in React App

CSS Cheat Sheet

Flexbox Perfect Centering Gradient Reference – https://www.w3schools.com/css/css3_gradients.asp Border-Radius Image Maps Box-Shadow CSS Media Queries If viewport/view area is larger than 480px in the case above, background-color will change to blue. max-width: 480px will change the color when viewing area is lesser than mentioned.

How to deploy React App to Firebase?

Steps to deploy the app to Firebase: App will be hosted at URL provided by Firebase Hosting. Reference – How to deploy a React application to Firebase by ROBIN WIERUCH – https://www.robinwieruch.de/firebase-deploy-react-js Keep Hosting! 🎇

What is dotenv and how to use it?

Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology. https://github.com/motdotla/dotenv As early as possible in your application, require and configure dotenv. require(‘dotenv’).config() Create a .env file in the root directory of your project. Add environment-specific variables on new lines in the