Categories
JavaScript

Creating a React site with Vite and GraphQL

Earlier this year, when I attended the UC Berkeley web developer bootcamp, I learned about GraphQL. If you have been using React for a while, using GraphQL can be a game changer. There is an initial learning curve especially if you, like me are used to working with PHP and MySQL even though there are […]

Categories
JavaScript Node Js

Readme file generator

Why are readme files useful? The readme file tells users about your project. It contains the license, installation and testing information, FAQ’s, contact information and more. This file gives the user all they need to know about the project. You can add a few images and videos to show how the code works. There are […]

Categories
Plugins WooCommerce WordPress

Top WordPress Plugins for a Fully Functional eCommerce Store in 2024

WordPress, with eCommerce plugins like WooCommerce, makes it easy to create an eCommerce website for your business, but to succeed in the long run and simplify your manual efforts, you’ll need some third-party tools and extensions.

In this article, we have handpicked the must-have WordPress plugins for an eCommerce website.

Categories
JavaScript Portfolio Web Development

Weather Dashboard

The weather dashboard is a simple JavaScript program to view the weather for the specified city. A month ago I finished the coding bootcamp given by UC Berkeley. It was a fast paced bootcamp teaching front end web development skills. It was a six month course and I learnt about everything from Vanilla JavaScript, Node […]

Categories
Freelancing General

Hindsight is 2020!

Everyone around the world will agree that 2020 was a unique year in many aspects. We all have faced different challenges this year which taught us unique lessons. As a freelancer & a mom, my lessons are very specific. Lessons Learned The biggest lesson of 2020 has been to value myself more. I do so […]

Categories
Gutenberg Plugins Web Development WordPress

Creating Inspector Controls for Shortcode attributes – Part 1

This is next part in the series of Converting Shortcodes to Gutenberg Blocks. Shortcodes have been part of WordPress for a long time. As the new block editor is gaining users and popularity, converting these shortcodes to blocks will be helpful. Gutenberg blocks are not only useful for creating custom page layouts, but also make […]

Categories
Gutenberg WordPress

Block Editor Updates in WP 5.5

WordPress 5.5 released on August 11th, features a few big updates for the block editor. The editor interface has some noticeable changes. The block directory is now available to install individual blocks with a single click along with the block patterns which provide a few layout options. Editor Interface The block editor interface has been […]

Categories
CSS Gutenberg Web Development WordPress

Styling CSS grid responsive layouts based on the number of columns on the page

Building responsive layouts using CSS Grid and Flexbox is easy. Few lines of CSS and the columns resize nicely based on the width of the page. CSS Grid or Flexbox takes care of resizing and the columns nicely stack as needed in smaller view ports. We can style these columns using media queries for different […]

Categories
Gutenberg Web Development WordPress Tutorials

Converting a Shortcode to a Gutenberg block

WordPress shortcodes make it easy to add complex code to the pages. Now that the new editor is here to stay and we are all getting used to the new editor, it is important to make sure that the code that was available as shortcodes should now be given to the users as blocks. Converting the […]