Simple steps to Improve your website ranking on Google (SEO)Recently, I had the chance to work on SEO (Search Engine Optimization) for one of the projects. I learned a few things along the way. You can follow these steps: Google doesn’t accept any payment to make any website rank better, it all depends on the...Oct 9, 2024
Multiple apps making your Macbook (intel chip) slow ? Try this.During this summer when I was working on a project that required me to run IOS and Android simulators at the same time and on top of it screen sharing on zoom literally made my macbook cry. CMD + Q I talked to apple support about this problem and t...Sep 25, 2022
[Part -2 ] Build & Publish React component as NPM package using ParcelIn the previous article we used typescript complier to build the react component. In this one we will see how to build it using parcel. Parcel is a zero configuration build tool. checkout their amazing website here. It is pretty easy to setup a proje...Sep 20, 2022
Switch to Dark Mode using Only CSS variablesThe easiest way to implement dark mode in your website or portfolio apps is by using CSS variables. In my portfolio app I relied on CSS variables to switch between dark & light mode. I implemented this using SCSS as a commonStyle library for my pers...Sep 19, 2022
[Part 1] - Build & Publish React component as NPM package using Typescript compilerI was too lazy to include webpack to bundle the react component as it needs a lot of boilerplate configuration code. so easiest way was to build the react typescript project using the typescript compiler with a little help from tsc-hooks. you can fol...Sep 9, 2022
Thinking accessibility while choosing charting librariesWhile choosing a charting library we can think of the following parameters to improve the overall accessibility - Colour contrast ratio Arial labels / Title / Label/ Description Simpler charts or tables Providing text summary of complex charts E...Jun 24, 2022
![[Part -2 ] Build & Publish React component as NPM package using Parcel](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1680502243578%2Fb8dabd70-cf88-41b9-aac1-22a7966ed518.png&w=3840&q=75)
![[Part 1] - Build & Publish React component as NPM package using Typescript compiler](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1680502323468%2Fb83337d6-0fd5-4d4e-90a1-5176f094293d.png&w=3840&q=75)
