{"tag":{"id":"567ae5a72b926c3063c3061a","name":"Hashnode","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619605440273/S3_X4Rf7V.jpeg","slug":"hashnode","tagline":"Everything you need to start blogging as a developer!","__typename":"Tag"},"publication":{"id":"6010ea1ab5b03f4bf00e4730","hashnodeURL":"https://blog.coolhead.in","url":"https://blog.coolhead.in","canonicalURL":"https://blog.coolhead.in","title":"Coolhead","displayTitle":"Pratik Sharma || react developer || new Delhi","descriptionSEO":"react developer in india, react native developer in new delhi, react js , js developer. Web developer","username":"coolhead","about":{"html":"

Full Stack developer from new delhi, India

Helping startups, bloggers and artists to build their ideas

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":true,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"id":"5f900c5df5dd254fbf5fb430","name":"Pratik Sharma","username":"biomathcode","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","coverPhoto":"","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677182263229/XITo1RvuU.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677182270963/idk0sBX18.png","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".dark .blog-article-page{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .sticked-toc{background-color:#222 !important}.dark .css-12ovoc2{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}","homeMin":".dark .css-12ovoc2{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-qeyd4j{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-featured-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"63f7c1435ebda1e9aa539a09","label":"Contact","url":"https://blog.coolhead.in/contact","priority":5,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"62162d7a2c936b90065dd4d3","label":"Functional Programming","url":"https://blog.coolhead.in/series/functional-programming","priority":4,"type":"series","series":{"id":"6082c566fea38e52a9c5a4c3","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"62162d822c936b90065dd4d8","label":"Scroll","url":"https://blog.coolhead.in/series/scroll","priority":3,"type":"series","series":{"id":"62162c7a2c936b90065dd4b5","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6221e338c2286341f652a51a","label":"Notes","url":"https://blog.coolhead.in/series/notes","priority":2,"type":"series","series":{"id":"6221e2e1c2286341f652a510","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63f7c14f5ebda1e9aa539a14","label":"Sponser","url":"https://blog.coolhead.in/sponsor","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":".dark .blog-article-page{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .sticked-toc{background-color:#222 !important}.dark .css-12ovoc2{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}","homeMin":".dark .css-12ovoc2{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-qeyd4j{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-featured-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617190759072/Abfh2d9jH.png","headerColor":"#222222","metaTags":"\n\n\n\n\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"2364125","matomoSiteID":null,"matomoURL":"","gaTrackingID":"UA-157988559-2","plausibleAnalyticsEnabled":false,"wmPaymentPointer":"$ilp.uphold.com/bpR4FR33RgZX","__typename":"PublicationIntegrations"},"postsCount":23,"impressum":"

You can connect with me on Twitter | LinkedIn || github

\n","isTeam":false,"links":{"twitter":"https://twitter.com/BioMathCode","instagram":"https://instagram.com/biomathcode","github":"https://github.com/biomathcode","website":"https://coolhead.in","hashnode":"https://hashnode.com/@biomathcode","youtube":"https://www.youtube.com/channel/UCCE6sKF1Ihe9GtGQjC4e7hA","dailydev":"https://app.daily.dev/biomathcode","linkedin":"https://www.linkedin.com/in/biomathcode/","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"blog.coolhead.in","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":"","certIssued":false,"ready":false,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","posts":{"edges":[{"node":{"id":"64047686a547dec75f7a129f","title":"Create WebStories from your hashnode Blog Posts","slug":"create-webstories-from-your-hashnode-blog-posts","publishDate":"2023-03-05T11:01:26.974Z","cuid":"cleva9fzy000709l4a944cbxm","url":"https://blog.coolhead.in/create-webstories-from-your-hashnode-blog-posts","subtitle":"No code tool to generate google web stories from your hashnode blog.","brief":"Create web stories visit: webstory.coolhead.in\nFeatures\n\nNo Code\n\nCode Generation for HTML and NEXTJS\n\nAdd google analytics, Add google adsense\n\nGet content from Hashnode, and Unsplash.\n\nSupports animations\n\nValidate AMP code\n\nCreating content is as ...","readTimeInMinutes":3,"views":11,"author":{"id":"5f900c5df5dd254fbf5fb430","username":"biomathcode","name":"Pratik Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","followersCount":205,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1678012661817/0a6df668-1ccf-4db7-b6e0-cc27a50442e3.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"64047686a547dec75f7a129f_2023-03-05T11:01:26.974Z","__typename":"PostEdge"},{"node":{"id":"628a757d929bcf4c721d4d0c","title":"How to add Donate via UPI button to your Hashnode blog ? [Giveaway][India]","slug":"how-to-add-donate-via-upi-button-to-your-hashnode-blog-giveawayindia","publishDate":"2022-05-22T17:40:13.084Z","cuid":"cl3hl4s6s07b5mynvf01ncnly","url":"https://blog.coolhead.in/how-to-add-donate-via-upi-button-to-your-hashnode-blog-giveawayindia","subtitle":"Stitch a UPI sticker for your website. No code tool to add UPI QR code on your site.","brief":"Introducing Pay via UPI\n\nA simple widget that you can add to your website to receive donations on your site via UPI\n\nResponsive for mobile users as well\n\nSimple integration under 60 seconds. Just copy a single line of code and paste it inside the hea...","readTimeInMinutes":3,"views":142,"author":{"id":"5f900c5df5dd254fbf5fb430","username":"biomathcode","name":"Pratik Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","followersCount":205,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1653231140929/SR_DXbX4L.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"628a757d929bcf4c721d4d0c_2022-05-22T17:40:13.084Z","__typename":"PostEdge"},{"node":{"id":"61be161802755832385f1a43","title":"BLOGTO: Vscode extension to help you post blogs to Hashnode, Medium and Dev.to","slug":"blogto-vscode-extension-to-help-you-post-blogs-to-hashnode-medium-and-devto","publishDate":"2021-12-18T17:10:48.097Z","cuid":"ckxc2tx0j00g5x4s1hgfc9zw9","url":"https://blog.coolhead.in/blogto-vscode-extension-to-help-you-post-blogs-to-hashnode-medium-and-devto","subtitle":"","brief":"BlogTo is a vscode extension which helps your post your ideas to medium.com, hashnode.com, and dev.to\n\nBeta release. Extension may have some issue or bugs. \n\n\nWhy BlogTo was build :\n\nCreate a utility tool to let people blog faster\nAvoiding the fricti...","readTimeInMinutes":2,"views":190,"author":{"id":"5f900c5df5dd254fbf5fb430","username":"biomathcode","name":"Pratik Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","followersCount":205,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1639838989922/g_WGMOrHK.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61be161802755832385f1a43_2021-12-18T17:10:48.097Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"61be161802755832385f1a43_2021-12-18T17:10:48.097Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"64047686a547dec75f7a129f_2023-03-05T11:01:26.974Z","__typename":"PageInfo"},"__typename":"PostConnection"}}}

Emili