Chandrika Sista http://www.gcsdesign.com/ Full Stack Web Developer Sat, 11 Jan 2025 15:36:20 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 12075116 React Progress bar with Countdown Timer http://www.gcsdesign.com/react-progress-bar-with-countdown-timer/ http://www.gcsdesign.com/react-progress-bar-with-countdown-timer/#respond Sat, 11 Jan 2025 15:28:44 +0000 https://www.gcsdesign.com/?p=11326 Since my coding bootcamp ended, I have been working on simple React and JavaScript projects and learning along the way. Last week, I came across the challenge of generating a progress bar using React when a button is clicked. The challenge was to display multiple progress bars when the ‘Add’ button is clicked. Here is […]

The post React Progress bar with Countdown Timer appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/react-progress-bar-with-countdown-timer/feed/ 0 11326 Creating a React site with Vite and GraphQL http://www.gcsdesign.com/creating-a-react-site-with-vite-and-graphql/ http://www.gcsdesign.com/creating-a-react-site-with-vite-and-graphql/#respond Tue, 26 Nov 2024 22:39:21 +0000 https://www.gcsdesign.com/?p=11220 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 […]

The post Creating a React site with Vite and GraphQL appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/creating-a-react-site-with-vite-and-graphql/feed/ 0 11220 Readme file generator http://www.gcsdesign.com/readme-file-generator/ http://www.gcsdesign.com/readme-file-generator/#respond Fri, 15 Nov 2024 21:28:24 +0000 https://www.gcsdesign.com/?p=11232 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 […]

The post Readme file generator appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/readme-file-generator/feed/ 0 11232 Top WordPress Plugins for a Fully Functional eCommerce Store in 2024 http://www.gcsdesign.com/top-wordpress-plugins-for-your-woocommerce-store/ http://www.gcsdesign.com/top-wordpress-plugins-for-your-woocommerce-store/#respond Mon, 28 Oct 2024 18:11:24 +0000 https://www.gcsdesign.com/?p=11187 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.

The post Top WordPress Plugins for a Fully Functional eCommerce Store in 2024 appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/top-wordpress-plugins-for-your-woocommerce-store/feed/ 0 11187 Weather Dashboard http://www.gcsdesign.com/weather-dashboard/ http://www.gcsdesign.com/weather-dashboard/#respond Fri, 06 Sep 2024 20:49:58 +0000 https://www.gcsdesign.com/?p=11110 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 […]

The post Weather Dashboard appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/weather-dashboard/feed/ 0 11110 Hindsight is 2020! http://www.gcsdesign.com/hindsight-is-2020/ http://www.gcsdesign.com/hindsight-is-2020/#respond Tue, 05 Jan 2021 04:27:18 +0000 http://www.gcsdesign.com/?p=10755 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 […]

The post Hindsight is 2020! appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/hindsight-is-2020/feed/ 0 10755 Creating Inspector Controls for Shortcode attributes – Part 1 http://www.gcsdesign.com/creating-inspector-controls-for-shortcode-attributes-part-1creating-inspector-controls-for-shortcode-attributes-part-1/ http://www.gcsdesign.com/creating-inspector-controls-for-shortcode-attributes-part-1creating-inspector-controls-for-shortcode-attributes-part-1/#respond Tue, 10 Nov 2020 21:49:20 +0000 http://www.gcsdesign.com/?p=10601 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 […]

The post Creating Inspector Controls for Shortcode attributes – Part 1 appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/creating-inspector-controls-for-shortcode-attributes-part-1creating-inspector-controls-for-shortcode-attributes-part-1/feed/ 0 10601 Block Editor Updates in WP 5.5 http://www.gcsdesign.com/block-editor-updates-in-wp-5-5/ http://www.gcsdesign.com/block-editor-updates-in-wp-5-5/#respond Mon, 24 Aug 2020 16:02:16 +0000 http://www.gcsdesign.com/?p=10626 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 […]

The post Block Editor Updates in WP 5.5 appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/block-editor-updates-in-wp-5-5/feed/ 0 10626 Styling CSS grid responsive layouts based on the number of columns on the page http://www.gcsdesign.com/styling-css-grid-responsive-layouts-based-on-the-number-of-columns-on-the-page/ http://www.gcsdesign.com/styling-css-grid-responsive-layouts-based-on-the-number-of-columns-on-the-page/#respond Mon, 29 Jun 2020 17:00:00 +0000 http://www.gcsdesign.com/?p=10430 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 […]

The post Styling CSS grid responsive layouts based on the number of columns on the page appeared first on Chandrika Sista.

]]> http://www.gcsdesign.com/styling-css-grid-responsive-layouts-based-on-the-number-of-columns-on-the-page/feed/ 0 10430