• Examples ,
• 20 Nov

Today we are going to give the example of Tailwind CSS sidebar layout page. Where we are going to demonstrate two options which are extracted from the stackoverflow page. Here is the first example Above example is clean and simple with sticky sidebar. But if you prefer to do this without the sticky thing and

• React-js ,
• 13 Nov

Most of the time we feel need to iterate over objects and display them in jsx form or in HTML page. In react we can simply use the pure JavaScript function of “map()” to iterate over the arrays or even the arrays of objects and we can simply output the corresponding data. Here is one

• Next js ,
• Tags: Next-auth, next-js, TypeScript
• 07 Sep

Next-Auth is a great and widely used package in Next.js for Authentication purposes. It provides majority of Auth Providers support built in. A simple Getting Started with Next-Auth could walk you through the quickest implementation of basic authentication system with Next.js project. The problem is, majority of the tutorials over internet are either too old,

• 1
• Bootstrap ,
• Tags: bootstrap v5
• 27 Jul

Today we are going to create a simple login page using Bootstrap v5. Bootstrap v5 is the latest version of the Bootstrap and for creating a simple login page first of all we need to navigate to bootstrap official getting started page and grab minimum html5 template and start from there. Once we are done

• Examples ,
• 28 Feb

We are using the PIC16f887 microcontroller’s internal Timer1 module in External Clock mode to count the number of clocks on the associated pin RC0. While using the timer1 module, we have two options for selecting the clock source, 1 is to use the internal clock or we can select the external clock source by setting

• Examples ,
• 08 Feb

MicroPython is getting hype these days, due to the most advanced microcontrollers and development boards are now supporting the MicroPython. Especially the MicroPython support for ESP8266 and MicroPython for ESP32 board and now the modern Raspberry Pi Pico board is also supporting the MicroPython. Originally the MicroPython was designed for Pyboard which was specially designed

• Examples ,
• 20 Jan

LED Blink Program is a hello world program of microcontroller world. It not only gives us the idea of how to use the GPIOs of the microcontroller but also makes us sure that our development environment is stable and ready to use. PIC16F676 microcontroller is a 14 pin microcontroller that is very much suitable for

• 4
• Examples ,
• 28 Dec

Digital Clock with Arduino is an important and simple project to start with RTC. RTC Stands for Real-time Clock. Whenever we require the real-time clock management system we need to use some RTC interface. Componenet List Here is the list of components that we are going to use for building this setup Arduino Nano TM1637

• STM8 Cosmic C ,
• 13 Dec

Today we are going to use the STM8 standard peripheral library (SPL) with STVD IDE and Cosmic Compiler. You may already know from our previous tutorials that we used the stm8 bare-metal programming. We always used the GPIOs and all the Peripherals like UART etc. But ST makes a good Peripheral library for the STM8

• Basic Electronics ,
• 30 Nov

To use BJT Transistor as an amplifier we need to make sure that the Q point is properly adjusted to do the amplification. To set the Q point we need to do the proper biasing to the transistor. When we talk about biasing a BJT Transistor, we normally mean to apply the external power supply