archive
Continued / page 2
- tech / 2024
React Series #11: Create navigation, sub-menu and loop from the internal dataset ↗
For navigation here is a layout that is adopted from the tailwind header layout. In this example, the data set is present inside the file. To make this navigation and sub nav, please install these…
- tech / 2024
React Series #09: How to create Header in react next.js project ↗
Create header components as I explained in this post. Let’s have 3 main elements in the header, Logo (Image), Links (Navigation), and Button. Install Navigation Menu from Shadcn/UI Install Button…
- tech / 2024
React Series #07: How to install shadcn UI in next.js project ↗
You have tailwind css in your project, but you can also add different UI layers. If you get an Android phone, each brand comes with a different OS. Likewise, you can install any UI in your react…
- tech / 2024
React Series #08: How to create component in react next.js project ↗
Step1 : Create a folder “\ components” inside the app folder Step 2: Create a file called Header.jsx and use the redux autocomplete “rfce”. See the below video Step 3: Update the content part in…
- tech / 2024
React Series #00: How to install Node in Mac, Linux, and Windows ↗
Learn how to install node package in your computer. Install Node in Linux Run these commands one after the other to install nodejs in your Linux machine Install node in your Mac Machine: Run these…
- tech / 2024
React Series #01: How to create a new project using Next.js ↗
Next.js is a framework of React. It comes with many features and you can easily extend and create amazing projects using this framework. Here I will show you how to create a new project and what…
- tech / 2024
React Series #02: How to set up react project in VScode ↗
Vscode is one amazing tool that can help you with any development. I have used VScodes for years, I can’t even dream of thinking of any other tool that is close to what they have. In this post, I…
- tech / 2024
React Series #03: How to run a node project & understand the structure ↗
How to run a node project is a simple command. Go to the terminal section in your VSCode and run this command The project by default will run in 3000 port. and you can access your project from…
- tech / 2024
React Series #04: How to change the font in next.js project ↗
Changing the font and color is pretty easy in a next.js project. Open app/layout.js You can change the default Inter to Roboto using this code Update font to Poppins with all options You can use…
- tech / 2024
React Series #05: How to change primary and secondary color in Next.js Tailwind projects ↗
Tailwind has quite a few color options, here is a basic introduction to how Tailwind uses color followed by how to edit the basic color. How to use color in Tailwind Open tailwind.config.js and edit…
- tech / 2024
React Series #06: How to change the default dark theme in next.js project ↗
When you create a new project in next.js it will fire up a default page which will have a dark theme as default. Make these changes to make the light background. open app/global.css To You can adjust…
- cooking / 2023
How to bake Sugar Biscuits in an easy method ↗
Sugar biscuits are one of the must do if you are interested in baking. Here is my recipe for the sugar biscuits. Use a weighing scale to measure these ingredientsWeighing scale Amazon Link:…
- writing / 2023
How to Stop Worrying & Start Living ↗
There are many books which change our lives. One such book is “How to stop Worrying & Start Living” by Dale Carnegie. Here is my understanding of worrying and how to overcome it. What is worrying?…
- tech / 2022
Why you should use good WordPress local development tools ↗
WordPress developers usually like to do thing directly on the live website. That has to change, like a software development. WordPress developers should work on the local environment and use modern…
- tech / 2022
How to force refresh your browser to see updates ↗
Force refresh can be easy If you know how to do it. If you are a web developer or a client who wants to see the latest updates on your browser, then you have to do a force refresh. In this article I…
- writing / 2022
Ponniyin Selvan – book, songs, trailer, videos – all resources ↗
Ponniyin Selvan is a historical fiction novel written by Amarar Kalki. During the 1950s, he wrote this book. He never imagined that after 72 years, he would be a trending topic. Line by line, I…
- writing / 2021
How to remember things easily and act on them? ↗
Is this question really silly? How to remember things easily? I don’t think so because our brain is wired to do so many things and we always tend to forget things. But have you thought why? In this…
- writing / 2021
How to get organized myself in 4 easy steps? ↗
With so many things happening around, how do I get organized myself? The answer might be easy but seeing results will take some time. To help you to organize better there are 5 easy steps that you…
- writing / 2021
Why you need a physical clock when working? ↗
Time management is a huge topic, but I am not going to talk about it in length and breadth. But I going to tell you, why you need a clock on your desk or at your eye view while working. In the…
- writing / 2021
Work from home – Dos and don’t in an online meeting ↗
Online meetings are part and parcel of Work from home. Most of my time goes into the meeting, right from planning to status update to wrapping up the day. As we spend so much time in meetings, you…