{"pageProps":{"posts":[{"_id":"63eca85d594e01fde25fb85f","slug":"creating-a-custom-solana-connect-wallet-ui-with-react-and-chakra-ui","title":"Creating a Custom Solana Connect Wallet UI with React and Chakra UI","brief":"If you have worked with the Solana Wallet Adapter before, you will know that it is very easy to set up a Connect Wallet button with a decent modal.\nHowever, customization is pretty limited. We can only add some custom CSS hence changing the styles bu...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1676453097992/f9e02a6e-4264-4e92-9eac-b8e4eea8eb2a.png","dateAdded":"2023-02-15T09:39:41.899Z","readingTime":{"text":"6 min read","minutes":5.46,"time":327600,"words":1092},"wordCount":1092,"placeholderImage":"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAACwAQCdASoQAAkABUB8JZwAAuTrmsMAAP7mkJl3ZcUCnPa+4TOYSt8jvodU8MS/1oAAAA=="},{"_id":"630c937a43d7308e3e326578","slug":"how-to-quickly-create-a-gasless-nft-collection-on-solana-with-candypay","title":"How to quickly create a Gasless NFT Collection on Solana with CandyPay","brief":"Let's say you are an NFT creator and want to publish your NFT onto the Solana blockchain quickly. This can be time-consuming as it involves creating the collection, setting up a minting website, etc. It also requires you to be familiar with all the t...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661675955811/Oyqc_FemE.png","dateAdded":"2022-08-29T10:22:50.405Z","readingTime":{"text":"5 min read","minutes":4.915,"time":294900,"words":983},"wordCount":983,"placeholderImage":"data:image/webp;base64,UklGRjwAAABXRUJQVlA4IDAAAACwAQCdASoQAAkABUB8JaQAAueJSka4AP7qMbWITLN1Xt33zR6bRExVcQ0Rjc0AAAA="},{"_id":"62f79ab969fa1793160c2b0b","slug":"5-modern-cli-tools-that-help-boost-your-productivity","title":"5 Modern CLI tools that help boost your productivity","brief":"As developers, most of us use the terminal to interact with our computers for many tasks as we find it more productive. We are familiar with commands like ls, cd, cat, grep, and find. These are primarily pre-installed on our computers and mostly get ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660393311485/olDcPwC6h.png","dateAdded":"2022-08-13T12:36:09.904Z","readingTime":{"text":"4 min read","minutes":3.015,"time":180900,"words":603},"wordCount":604,"placeholderImage":"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAAAwAQCdASoQAAkABUB8JaQAA3AA/vCzq9lN20Vq5Oj+BrajN2AAAA=="},{"_id":"62dbb5e838759e6b49829ce5","slug":"forgit-and-lazygit-the-2-git-tools-to-supercharge-your-git-workflow","title":"Forgit and Lazygit. The 2 Git tools to supercharge your git workflow?","brief":"Most of us use version control systems (mostly git) for our projects but the git CLI is unproductive. We often need to run multiple commands and got to type more characters. \nWell, what if I told you there are tools that can improve this significantl...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/unsplash/842ofHC6MaI/upload/v1658565475883/khowiElqD.jpeg","dateAdded":"2022-07-23T08:48:40.421Z","readingTime":{"text":"3 min read","minutes":2.12,"time":127200,"words":424},"wordCount":425,"placeholderImage":"data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAABQAQCdASoQAAsABUB8JYwABAAAAP7tGv9FNyd0oQAAAA=="},{"_id":"627f7ab5bc9305ec39362c1a","slug":"make-a-beautiful-connect-wallet-button-with-rainbowkit-and-react","title":"Make a beautiful Connect Wallet Button with RainbowKit and React","brief":"Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremely easy as well. Today we are going to be looking at adding R...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1652521066137/sJ3tsAZoN.png","dateAdded":"2022-05-14T09:47:33.362Z","readingTime":{"text":"5 min read","minutes":4.285,"time":257100,"words":857},"wordCount":858,"placeholderImage":"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAACwAQCdASoQAAkABUB8JZwAAuX08Y1AAP7p+eMHEyyLzvtirdVaGgoG2/z074hYAAAAAA=="},{"_id":"6278e72f766c7b81844fa2bb","slug":"5-amazing-react-component-libraries-to-consider-for-your-next-project","title":"5 Amazing React Component Libraries to Consider for your Next Project","brief":"As web developers, it is often quite hard and time-consuming to make accessible UIs. This gets even worse when we have to make special components like Modals or Popovers from scratch.\nThankfully, the React ecosystem is huge and there are many great p...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/unsplash/XmZ4GDAp9G0/upload/v1652090173489/BrJWe16IU.jpeg","dateAdded":"2022-05-09T10:04:31.347Z","readingTime":{"text":"3 min read","minutes":2.235,"time":134100,"words":447},"wordCount":448,"placeholderImage":"data:image/webp;base64,UklGRk4AAABXRUJQVlA4IEIAAADwAQCdASoQAAsABUB8JQBdgBuTKG2/wgAA/uwsWkm3QFaJxN7+vQfbmitZFxKzeMAFm+MXmgAAYqvBfgGNwAE2AAA="},{"_id":"626facff77f8e2f7fe934866","slug":"amazing-preview-images-with-nextjs-and-lqip-modern","title":"Amazing preview images with Next.js and LQIP Modern","brief":"Images take a long time to load and can have a disruptive impact on UX. Today we are going to be looking at creating preview images with a library called lqip-modern. \nWhat is LQIP?\nLQIP simply stands for Low Quality Image Placeholders. They have ext...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651485793452/F3aixNLhI.png","dateAdded":"2022-05-02T10:05:51.829Z","readingTime":{"text":"6 min read","minutes":5.725,"time":343500,"words":1145},"wordCount":1145,"placeholderImage":"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACQAQCdASoQAAkABUB8JaQAAuMWmAAA/uzfiN6Uy4z2Bd7xrXdhDlA1vGv0AAAA"},{"_id":"626c0aed0c2dd1d27d008342","slug":"making-a-blog-with-directus-mdx-and-nextjs-on-demand-isr","title":"Making a blog with Directus, MDX, and Next.js On-Demand ISR","brief":"There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store our blog content in Directus. We are also going to use Next.j...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651247682343/a8z6OZ-5D.png","dateAdded":"2022-04-29T15:57:33.361Z","readingTime":{"text":"13 min read","minutes":12.325,"time":739500,"words":2465},"wordCount":2465,"placeholderImage":"data:image/webp;base64,UklGRkAAAABXRUJQVlA4IDQAAACwAQCdASoQAAkABUB8JaQAAujca3AAAP7vaHNkvBImh9tAi0g/P6jQ8pqyMEZ7GtWYAAAA"},{"_id":"6245c7a562d144fbc1c44ee7","slug":"introducing-xdox-start-challenges-log-your-progress-and-show-them-off-to-the-world","title":"Introducing XdoX - Start Challenges, Log your Progress and Show them off to the World","brief":"🤔 What is XdoX?\nXdoX is a web application that lets you start challenges and log your progress every day. You are also able to show your progress to the world via your unique profile page. These challenges can be anything from 100DaysOfCode to 30Day...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648739175407/TYb9x3jFw.png","dateAdded":"2022-03-31T15:24:21.104Z","readingTime":{"text":"7 min read","minutes":6.59,"time":395400,"words":1318},"wordCount":1319,"placeholderImage":"data:image/webp;base64,UklGRjQAAABXRUJQVlA4ICgAAABwAQCdASoQAAkABUB8JYwCsAFAAAD+739/8y7+GcdTqlHF6wkkAAAA"},{"_id":"623adcbde99839749d2473f4","slug":"5-chrome-keyboard-shortcuts-to-boost-your-productivity","title":"5 Chrome Keyboard Shortcuts to boost your productivity","brief":"Browsers have become an integral part of our life and most applications are web-based now. We use web browsers for everything, from asking a question on Stackoverflow to booking a flight ticket. We often end up having a huge number of tabs open and i...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648010384861/eZTBzzKqf.png","dateAdded":"2022-03-23T08:39:25.360Z","readingTime":{"text":"3 min read","minutes":2.42,"time":145200,"words":484},"wordCount":484,"placeholderImage":"data:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAADwAQCdASoQAAkABUB8JagCdAD0R0+EwAAA/tDxzIh11ctCUg2Ym/WAB8063WpyzVQHAKgcQ98fFKqIY4AC6yIKg6sFLmXxrwgAAA=="},{"_id":"62247d65cefcf05d1a6d49e3","slug":"powerful-code-blocks-with-code-hike-and-mdx","title":"Powerful Code Blocks with Code Hike and MDX","brief":"MDX is a format that combines markup in markdown along with JSX code to embed components into markdown documents. It is used in documentation, blog posts, and much more as one can add interactive examples with JSX. You can learn more about it here.\nT...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646557910712/Kd9HITQXq.png","dateAdded":"2022-03-06T09:22:45.266Z","readingTime":{"text":"5 min read","minutes":4.735,"time":284100,"words":947},"wordCount":947,"placeholderImage":"data:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAADQAQCdASoQAAkABUB8JaQAAxf/iBU4AAD+8Ozw/xnBCngIj2wGF4WYwAAAAA=="},{"_id":"621f5cc1aa0b9716581fa8b1","slug":"making-an-accessible-breadcrumb-navigation-using-tailwindcss-and-nextjs","title":"Making an accessible Breadcrumb Navigation using TailwindCSS and NextJS","brief":"Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and styled with TailwindCSS. We are going to be using NextJS (specifi...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646221079849/m2I61XWGT.png","dateAdded":"2022-03-02T12:02:09.997Z","readingTime":{"text":"11 min read","minutes":10.28,"time":616800,"words":2056},"wordCount":2057,"placeholderImage":"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAAAwAQCdASoQAAkABUB8JaQAA3AA/vCzrAvIKNtntHCQjJXlAAAAAA=="},{"_id":"621dc955068ca006a8f92518","slug":"notiger-get-realtime-notifications-on-events-from-your-application","title":"Notiger - Get realtime notifications on events from your application","brief":"This month started with Hashnode announcing another hackathon, this time in partnership with Netlify, an amazing platform to host websites and serverless functions. This got me thinking and this time an idea came to my mind quite early on in the mont...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646117836387/JMgYE869K.png","dateAdded":"2022-03-01T07:20:53.547Z","readingTime":{"text":"12 min read","minutes":11.79,"time":707400,"words":2358},"wordCount":2358,"placeholderImage":"data:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAAAwAQCdASoQAAkABUB8JZwAA3AA/vDIlcq04y8JTnwbIAAA"},{"_id":"620e213025673f2740eebc69","slug":"privacy-friendly-website-analytics-with-umami-and-nextjs","title":"Privacy friendly website analytics with Umami and NextJS","brief":"Website analytics is truly a very important thing. We can understand our audience well and can tailor our content to our audience for higher engagement. Google Analytics had always been the go-to solution as it is popular, easy to set up, and gives a...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645091755632/-NyymMbeL.png","dateAdded":"2022-02-17T10:19:28.199Z","readingTime":{"text":"10 min read","minutes":9.775,"time":586500,"words":1955},"wordCount":1955,"placeholderImage":"data:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACQAQCdASoQAAkABUB8JaQAAudVL8AA/vK/KF+XZZuzEsXp9V9ysw0uAAA="},{"_id":"61f7c1fc00273a7c1776d65a","slug":"twnft-mint-your-tweets-as-nfts-easily-and-for-free","title":"TwNFT - Mint your tweets as NFTs easily and for free","brief":"🤔 What is TwNFT?\nTwNFT is a simple web application that allows you to mint your tweets as NFTs for free.\nIt is my submission for the Thirdweb x Hashnode Hackathon.\nLive Demo / GitHub Repository\n🌐 What is Thirdweb?\nGetting started with web3 can be d...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1643626826069/Py_29X16z.png","dateAdded":"2022-01-31T11:03:24.422Z","readingTime":{"text":"7 min read","minutes":6.055,"time":363300,"words":1211},"wordCount":1211,"placeholderImage":"data:image/webp;base64,UklGRkAAAABXRUJQVlA4IDQAAACwAQCdASoQAAkABUB8JZQC7AD18VqAAP7ayX7wcvIIvn9upyP4IrrwZakmWCIkYAAQgAAA"},{"_id":"61c2b52c5ca9b60b25c5b192","slug":"how-to-make-a-back-to-top-button-and-page-progress-bar-with-html-css-and-javascript","title":"How to Make a Back to Top Button and Page Progress Bar with HTML, CSS, and JavaScript","brief":"This article was first posted on Freecodecamp on the 21st of December, 2021. Link - https://www.freecodecamp.org/news/back-to-top-button-and-page-progressbar-with-html-css-and-js/\n\nYou've probably seen a \"back-to-top\" button at the bottom-right corne...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640144896880/b4sCz6SdF.png","dateAdded":"2021-12-22T05:18:36.494Z","readingTime":{"text":"9 min read","minutes":8.085,"time":485100,"words":1617},"wordCount":1617,"placeholderImage":"data:image/webp;base64,UklGRkYAAABXRUJQVlA4IDoAAACwAQCdASoQAAkABUB8JYwAAudU0QQAAP7uoldAARoKSYPOXS2EnXTq64myOS6/un7TuuZD0pn1SAAA"},{"_id":"61baba8aa2d7d141b3f7b04a","slug":"how-to-use-the-github-repository","title":"How to Use the .github Repository","brief":"Note: This article was first published in the Freecodecamp publication on the 15th of December, 2021. The link to the original article - https://www.freecodecamp.org/news/how-to-use-the-dot-github-repository/\n\nGitHub has many special repositories. Fo...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1639627184519/Yqo5BERsU.png","dateAdded":"2021-12-16T04:03:22.771Z","readingTime":{"text":"11 min read","minutes":10.08,"time":604800,"words":2016},"wordCount":2017,"placeholderImage":"data:image/webp;base64,UklGRkYAAABXRUJQVlA4IDoAAACQAQCdASoQAAkABUB8JYwAAprproAA/vF0M9ML8kdWRajAylvakcFe5aez1O/adSmnGAAg+h8BDwAA"},{"_id":"61b4a51db055806a4b00de8d","slug":"adding-an-in-browser-code-preview-to-your-react-application-with-sandpack","title":"Adding an in-browser code preview to your React Application with Sandpack","brief":"Sandpack is a live coding environment that runs on the browser. It is made by the team behind CodeSandbox. The main objective here is to provide interactive examples to play around with, to users. I see it being widely used in things like blog posts ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1639228519537/gLvn_u4gu.png","dateAdded":"2021-12-11T13:18:21.826Z","readingTime":{"text":"6 min read","minutes":5.975,"time":358500,"words":1195},"wordCount":1195,"placeholderImage":"data:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACwAQCdASoQAAkABUB8JZQAAveIqOfgAP7ypUwkpDLvb1YxO1yOoLwAAAA="},{"_id":"61ac8c76b6bca85a26d3dfa0","slug":"make-a-toast-with-html-css-and-js","title":"Make a toast with HTML, CSS, and JS","brief":"Introduction\nToasts are very useful for showing users some information. It has a wide variety of uses from displaying success messages for successful actions, showing error messages in case something goes wrong, and much more. Today we are going to b...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638697970037/zAYKG5UvP.png","dateAdded":"2021-12-05T09:55:02.064Z","readingTime":{"text":"6 min read","minutes":5.355,"time":321300,"words":1071},"wordCount":1071,"placeholderImage":"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAACwAQCdASoQAAkABUB8JZwAAveD0ZIAAP7xgInWl5bBBO7AVtbg/KmwCsvHaQKPAAAAAA=="},{"_id":"619b58f95bb9cc256fc6bf46","slug":"how-to-write-good-commit-messages-with-commitlint","title":"How to Write Good Commit Messages with Commitlint","brief":"This article was first published on Freecodecamp on the 13th of November, 2021 - https://www.freecodecamp.org/news/how-to-use-commitlint-to-write-good-commit-messages/\n\nWe are often in a hurry to commit our changes in Git and so we write something ra...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637567563481/O4DnwuzYH.png","dateAdded":"2021-11-22T08:39:32.000Z","readingTime":{"text":"9 min read","minutes":8.895,"time":533700,"words":1779},"wordCount":1779,"placeholderImage":"data:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAADQAQCdASoQAAkABUB8JYwC7AD0iLbCAAD+8XQwgGZHAsNWPkzCuCOH0QAAAA=="},{"_id":"61792a50913b6d3f08e160c8","slug":"middleware-in-nextjs-12-what-are-they-and-how-to-get-started-with-them","title":"Middleware in NextJS 12 - What are they and how to get started with them","brief":"Yesterday, we had the NextJS Conf and we got a lot of new things. NextJS 12 has been released and it has got a ton of new and exciting features. One of these features is middleware in NextJS so let us see how it works with an example.\nWhat is NextJS ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1635330583778/5PWAHkJYC.png","dateAdded":"2021-10-27T10:30:40.760Z","readingTime":{"text":"5 min read","minutes":4.81,"time":288600,"words":962},"wordCount":963,"placeholderImage":"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACwAQCdASoQAAkABUB8JaQAAp0ZJcwAAP7vXQewzHmviO4yjl8AAA=="},{"_id":"617155830f452c1cd94f662f","slug":"my-journey-in-hacktoberfest-2021-and-why-you-should-also-participate","title":"My Journey in Hacktoberfest 2021 and Why You Should also Participate","brief":"What is Hacktoberfest?\nHacktoberfest is held in the month of October every year. It is all about getting people to make quality contributions to open-source projects. Those who make 4 pull requests which are valid and get merged, get some swag (t-shi...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634817393976/JUWpc990G.png","dateAdded":"2021-10-21T11:56:51.208Z","readingTime":{"text":"3 min read","minutes":2.43,"time":145800,"words":486},"wordCount":487,"placeholderImage":"data:image/webp;base64,UklGRmwAAABXRUJQVlA4WAoAAAAQAAAADwAACAAAQUxQSCAAAAARF3D//4iIAUEkKVnUAEAmopHdDBH9z2YfWYxvMY9sFlZQOCAmAAAAMAEAnQEqEAAJAAVAfCWUAANwAP7ws5P7mnNgJNEAsySCAHsAAAA="},{"_id":"6156bea528ed304eb1d80bed","slug":"creating-a-bug-report-form-in-github","title":"Creating a Bug Report Form in GitHub","brief":"GitHub allowed us to make pre-build issue templates in the form of markdown files which the person reporting the bug could fill out. This was better than presenting the person reporting the bug with a blank textbox but it could get a bit clumsy at ti...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633074780447/HqDVBypPE.png","dateAdded":"2021-10-01T07:54:13.400Z","readingTime":{"text":"5 min read","minutes":4.525,"time":271500,"words":905},"wordCount":906,"placeholderImage":"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACwAQCdASoQAAkABUB8JaQAAudfFF0AAP70IiB6iIEy9fy7wAAAAA=="},{"_id":"615089747ef2d57e218f0f24","slug":"deta-space-what-is-it-and-why-is-it-the-future","title":"Deta Space - What is it and why is it the future?","brief":"Disclaimer: This article is not sponsored or biased in any way. I liked the idea behind the product and hence wanted to write about it.\n\nDeta was a company founded just over 2 years ago and it has been providing free Cloud solutions since.\nWhat is De...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632668000520/pvK_J77Ig.png","dateAdded":"2021-09-26T14:53:40.851Z","readingTime":{"text":"2 min read","minutes":1.925,"time":115500,"words":385},"wordCount":386,"placeholderImage":"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACQAQCdASoQAAkABUB8JYwAAudUwMAA/vELTyMvkNIQGmYZ4CEJ0tmWzrbfbaAA"},{"_id":"6148497317da986cea6475c9","slug":"create-an-npx-cli-portfolio-under-5-minutes","title":"Create an NPX CLI Portfolio under 5 minutes","brief":"Want something like this? This is the article you are looking for. Let me show you how you can make an NPX CLI Portfolio under 5 minutes\nHow I made it\nI am mainly using React Ink for this project. I have also written a Getting started with React Ink ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632127305126/toFWFJIio.png","dateAdded":"2021-09-20T08:42:27.340Z","readingTime":{"text":"2 min read","minutes":1.255,"time":75300,"words":251},"wordCount":251,"placeholderImage":"data:image/webp;base64,UklGRnwAAABXRUJQVlA4WAoAAAAQAAAADwAACAAAQUxQSCYAAAARF6AQQADE37nRiIh4gCCSlCxqACAT0chuhoj+Z7OPLMa3mEc2C1ZQOCAwAAAA0AEAnQEqEAAJAAVAfCWwAnQBFKM8PjAA/qX3MwFa22o9Y2f3pQFd3nbBHuT8KgAA"},{"_id":"6145fdfba2b54e17a52c27e7","slug":"getting-started-with-react-ink","title":"Getting started with React Ink","brief":"Have you ever wondered if you can use React for the command-line interface (CLI)? Yes, you can!!! React is not only used for web development but also for making Android and iOS apps (React Native) and VR Apps (React 360) and a lot more!!! React Ink i...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632026487043/Dt04gfQrV.png","dateAdded":"2021-09-18T14:55:55.301Z","readingTime":{"text":"5 min read","minutes":4.215,"time":252900,"words":843},"wordCount":843,"placeholderImage":"data:image/webp;base64,UklGRooAAABXRUJQVlA4WAoAAAAQAAAADwAACAAAQUxQSCEAAAARF/D6/4iIQTEjSXCOYo0W4Cykjeh/DJ9EF4c4oJEthgcAVlA4IEIAAADQAQCdASoQAAkABUB8JYgCdADwhnlvIAD+zYkiUcHZ0VvryIP49F13rNYG2Pfm3wtJSnRQIADvQZv8ACAAIdIAAAA="},{"_id":"61421a1cb95e345575e99ecb","slug":"how-to-install-figma-on-linux","title":"How to install Figma on Linux","brief":"Figma is a great UI/UX tool with a quite generous free tier. This means many developers use Figma to prototype their application or website designs (including me). Many of us developers tend to use Linux but that is where a problem arises, the Figma ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631721750406/ca5-n5_Hz.png","dateAdded":"2021-09-15T16:06:52.361Z","readingTime":{"text":"2 min read","minutes":1.83,"time":109800,"words":366},"wordCount":367,"placeholderImage":"data:image/webp;base64,UklGRkwAAABXRUJQVlA4IEAAAAAQAgCdASoQAAkABUB8JbACw7EYBftG57XQAP7mmK/vnSWWzBksSlij6t8Y+caon6oVQRZ7BfTnJTEf270BAAAA"},{"_id":"613f7d4f516bc5337dd9c487","slug":"my-first-day-at-the-september-hashnode-bootcamp","title":"My first day at the September Hashnode Bootcamp","brief":"There was no Hackathon this month but Hashnode surprised us with a great Bootcamp with some great speakers onboard. The Bootcamp was for the first 1000 people who registered for it and I was one of the lucky ones to be in. If you weren't in, we have ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631550705867/qrTzbWvzD.png","dateAdded":"2021-09-13T16:33:19.476Z","readingTime":{"text":"2 min read","minutes":1.645,"time":98700,"words":329},"wordCount":329,"placeholderImage":"data:image/webp;base64,UklGRjAAAABXRUJQVlA4ICQAAACQAQCdASoQAAkABUB8JaQAAudUwMAA/vKk9Onxla1ZOyzwAAA="},{"_id":"613dc14a1821961e2551feb3","slug":"easter-eggs-using-react-rooks","title":"Easter eggs using React Rooks","brief":"I stumbled upon this great React Hooks library called Rooks recently and it has got a lot to offer. We all have discovered various Easter eggs in various apps and sites. It can range anywhere from stumbling upon a Rick-roll when you click a button a ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631436948488/lDw1xu_2B.png","dateAdded":"2021-09-12T08:58:50.758Z","readingTime":{"text":"2 min read","minutes":1.735,"time":104100,"words":347},"wordCount":348,"placeholderImage":"data:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAADwAQCdASoQAAkABUB8JbACdAEYGH0j/AAA/vQyo/5ac7gVpXRR08szKd5ebCBk8NvnfBOe7WKBAb9SMlk+lffw2LSUbfsg4sAAAA=="},{"_id":"613889838b7ef170483a0d1e","slug":"stop-google-analytics-from-tracking-you-under-2-minutes","title":"Stop Google Analytics from tracking you under 2 minutes","brief":"Many sites use analytics tools to measure their site insights. Google Analytics is an extremely popular tool in this sector as it is free (though there is a paid version for enterprise use but the free one is what most people use). \nThe problem\nGoogl...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631095068830/_lLk6qzyQ.png","dateAdded":"2021-09-08T09:59:31.419Z","readingTime":{"text":"4 min read","minutes":3.445,"time":206700,"words":689},"wordCount":690,"placeholderImage":"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACwAQCdASoQAAkABUB8JZQAAugnd3gQAP70IiPA1KzXV2DdoI9oxl9HGzE8tAAA"},{"_id":"612e08691dd572151d81ca32","slug":"easy-comments","title":"Easy Comments - An easy way to add comments functionality to your site","brief":"👨 Firstly a little bit about myself\nI am a 14-year-old Developer, YouTuber, Blogger, and of course a student. Though I have been coding for quite a long time, I started web development about 5 months ago. I learned Javascript, React, Redux, NextJS, ...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630405714711/mdWqS7tlK.png","dateAdded":"2021-08-31T10:46:01.133Z","readingTime":{"text":"7 min read","minutes":6.07,"time":364200,"words":1214},"wordCount":1214,"placeholderImage":"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADQAQCdASoQAAkABUB8JZQAAtzgSqK+9AD+7upCJ4X4eqmePrfq2g9e/ZNaImxqFWAAAA=="},{"_id":"608032bec99e200d08f82d1b","slug":"the-random-library-in-python","title":"The Random Library in Python","brief":"You might need your program to choose a random lucky winner from a list of people participating in a lottery or maybe you want to chooses a random fruit from a list of fruits the doctor made you. There are many use cases for this library and let us s...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619014305729/ivierDSCN.png","dateAdded":"2021-04-21T14:12:14.873Z","readingTime":{"text":"4 min read","minutes":3.485,"time":209100,"words":697},"wordCount":697,"placeholderImage":"data:image/webp;base64,UklGRk4AAABXRUJQVlA4IEIAAADwAQCdASoQAAkABUB8JbACdAD1k6aZWAAA/j31pihE5ghFw+84zSOLwgP/gj/2G/2bv9/gVLQrCv4m9KO6TqEgAAA="},{"_id":"60716c998b2b857c0bdb5860","slug":"cryptography-with-python-using-fernet","title":"Cryptography with Python using Fernet","brief":"Let us look at how to encrypt text and files using Python.\nFor this we are going to be using Fernet which is a part of python's cryptography package\nSo let us get right into it\nOk firstly we need to downloaded the cryptography package using pip\nOn Wi...","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1618046247940/JiNf1vAbR.png","dateAdded":"2021-04-10T09:15:05.206Z","readingTime":{"text":"3 min read","minutes":2.445,"time":146700,"words":489},"wordCount":489,"placeholderImage":"data:image/webp;base64,UklGRloAAABXRUJQVlA4IE4AAADwAQCdASoQAAkABUB8JbACdAEOeUAylVAA/trTTNHAvGSQDKoDpavsjFASSzvu5PQzsVfGOHlUNSrTGi7ZBUUQTzjE9Y/4K7+wmVIAAAA="}]},"__N_SSG":true}