Tailwind Dark Mode

Dark mode this design trend has almost become expected by most of the users on the internet with websites and web applications. Dark mode has been possible to integrate with Tailwind Projects, but required some workarounds utilizing CSS variables and the config files got so weird and it’s hard to read. With Tailwind CSS, Dark more is build right into the framework and removes the need to work with those CSS variables!

In this article, i’ll show you how to get dark mode working in a react application. …

DevOps (development and operations) is a collection of tools and technologies combined to carry out various business processes. It aims to bridge the gap between two of the most significant that play a significant role in defining DevOps. Let’s see an quick history of DevOps:

History of DevOps

Before DevOps came into the limelight, our traditional ol’ IT had two separate teams in an organization - the Development team and the operations team.

The development team worked on the product (software), developing it and making sure that the code worked perfectly. After hours of hard work and a lot of trial and error…


The MERN Stack is a web development tech stack consisting of MongoDB, Expres.js, React.js and Node.js enabling you to build feature rich single page web applications using a single programming language, JavaScript.

What is the MERN Stack?

The MERN Stack is a web development teach stack consisting of MongoDB, Express.js, React.js, Node.js and enables you to build feature-rich single page web applications using a single programming language, JavaScript. Some developers consider this to one of the key reasons why the MERN stack is so popular. You can use your proficiency in a single language to manage both the front and back of your web application.

Firebase is a product of google which helps developers to build, manage, and grew their apps easily. It helps developers to build their apps faster and in a more secure way. No programming is required on the firebase side which makes it easy to use it features more efficiently. It provides services to android, ios, web, and unity. It provides cloud storage. It uses NoSQL for the database for the storage of data. Now, let’s took a look at a brief history of firebasse.

Brief History of Firebase:

Firebase initially was an online chat service provider to various websites through API and ran with…

GraphQl is a query language for APIs and a runtime for fulfilling those queries with your existing data. Graphql provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

I will take a few attempts defining it in just one sentence. Please note that these definitions are not official, but from my understanding of the technology:

  • GraphQL is a language designed for client applications to fetch the exact data needed from…

What is Tailwind CSS?

Tailwind CSS is the most popular utility-first CSS framework in the world for rapidly building custom user interfaces for the web. It is a highly customizable collection of low-level CSS utility classes written in PostCSS destined to be customized using JavaScript.

The first release of Tailwind CSS happened on the 1st of November 2017 on GitHub as an open-source project. Initially, it was only a side-project for Adam Wathan that helped him with some of his projects, but in time became a fully-fledged and popular CSS framework with a new utility-first methodology.

By the beginning of August 2020 it is…

Typescript is an open source object oriented programming language developed and maintained by Microsoft Corporation. Typescript is a strongly typed language and its first version was introduced in 2012. It is a strict super set of javascript can be implemented using typescript along with the choice of adding enhanced features (every existing JavaScript code is a valid Typescript code). As typescript code is converted to JavaScript code it makes it easier to integrate into JavaScript projects. It is designed mainly for large scale projects.

TypeScript ===> JavaScript+Type+Some added features

What does TypeScript offer?

  1. Static type checking (optional) - Like other high level programming languages…

React is an open source, front-end, JavaScript library for building user interfaces or UI components like Vue.js, It gives us the ability to create components, layouts etc in our application. In this article we will go through all the fundamentals of Reactjs in this React Cheat Sheet.


Using react in our application is quite easy as we can add it using CDN or by using the CLI to install it from npm.

To add React using the CDN, add this script tags in your html

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

Or you can install it using NPM:

npm install…

Who doesn’t want to set up a side income if you’ve got the time? Maybe you want to save up for a car or maybe you want to take a break year. That’s where freelancing comes in.

Not to mention, you can become “your own boss”, work from a beach house in shorts, and at the same time, there is no limit to how much you can earn. You possess control of your growth.

So, here you go!

Five Steps to Follow to Get Your First Freelancing Project

As I see it, there are five steps you need to follow that’ll help you get your first gig and establish a…

What is a Stack?

A “stack” refers to any combination of programming languages and technologies or a combination of software products.
Technically there are two types of development stacks:
Firstly, a technology stack & Secondary, an application stack.
In simple terms, the technology stack is a more cross-disciplinary term in any software development process.

So, in this article, I am going to brief you all about the 3 top trending technology stacks to choose from; for your startup or ongoing business. …

Darshan Mandade

Python Fullstack Developer | Blogger | Web Developer | Mentor. Let's Connect on IG: @Darshu.codes

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