{"_id":"60feafdc1be2da0c4ab76eeb","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":true},"views":{"today":38,"thisWeek":305,"lastWeek":385,"thisMonth":1404,"allTime":12561},"stripe":{},"numFollowers":0,"badgePageEnabled":true,"newsletterEnabled":true,"audioBlogEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1667865600":42,"1667952000":69,"1668038400":53,"1668124800":35,"1668211200":40,"1668297600":32,"1668384000":67,"1668470400":52,"1668556800":54,"1668643200":64,"1668729600":40,"1668816000":32,"1668902400":23,"1668988800":57,"1669075200":43,"1669161600":62,"1669248000":48,"1669334400":42,"1669420800":26,"1669507200":30,"1669593600":67,"1669680000":55,"1669766400":66,"1669852800":51,"1669939200":50,"1670025600":26,"1670112000":36,"1670198400":47,"1670284800":57,"1670371200":38},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":false,"domainChecklistSkipped":false,"author":{"_id":"60feaf99fa408f0c89bd2b11","socialMedia":{"twitter":"https://www.twitter.com/aashishpanthi11","instagram":"https://instagram.com/aashishpanthi11","github":"https://github.com/aashishpanthi","stackoverflow":"","facebook":"https://facebook.com/aashishpanthi11","website":"https://aashishpanthi.info.np/","linkedin":"https://www.linkedin.com/in/aashishpanthi","youtube":"https://www.youtube.com/c/Koded"},"location":"Butwal, Nepal","isBanned":false,"isDeactivated":false,"numFollowers":45,"numFollowing":6,"storiesCreated":[],"totalUpvotesReceived":0,"tagManagerOf":[],"isEvangelist":false,"isAmbassador":true,"hasGoldRing":true,"name":"Aashish Panthi","username":"aashishpanthi","tagline":"A developer","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","dateJoined":"2021-07-26T12:50:33.465Z","publicationDomain":"blog.aashish-panthi.com.np","bio":"

I am a developer from Nepal who loves playing with tech.

\n","numPosts":36,"numReactions":630,"numSeries":2},"isActive":true,"username":"aashishpanthi","domain":"blog.aashish-panthi.com.np","urlPattern":"simple","title":"Aashish's blogs","links":{"twitter":"https://twitter.com/aashishpanthi11","instagram":"https://instagram.com/aashishpanthi11","github":"https://github.com/aashishpanthi","website":"https://aashish-panthi.com.np/","hashnode":"https://hashnode.com/@aashishpanthi","youtube":"https://www.youtube.com/channel/UCe3WNME_cssAFpwLQkvADBw","dailydev":"https://app.daily.dev/aashishpanthi","linkedin":"https://linkedin.com/in/aashishpanthi"},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2021-09-07T09:24:08.443Z","customRules":[],"menu":[{"priority":3,"_id":"612bbf5bfd0bf8636d76e12b","type":"series","label":"JavaScript","series":{"_id":"612bbf312858872661b9bcee","cuid":"cksxgw5zs0nwrkxs1agfj7fdp","slug":"javascript"}},{"priority":2,"_id":"612bbf46fd0bf8636d76e128","type":"series","label":"JS libraries","series":{"_id":"612929689da1766342ad6d6a","cuid":"cksuo0yoa0552lus1esxyczv2","slug":"javascript-frameworks"}},{"priority":1,"_id":"61e917990204273bdcb14175","type":"link","label":"Website","url":"https://aashish-panthi.com.np/"},{"priority":0,"_id":"6367da724eeb55c059f20849","type":"link","label":"Portfolio","url":"https://aashishpanthi.info.np/"}],"__v":0,"imprint":"","imprintMarkdown":"","meta":"A **developer** trying to do some *weird things*.\n\nLet's **gain** && **share** knowledge.","metaHTML":"

A developer trying to do some weird things.

Let's gain && share knowledge.

\n","hasBadges":true,"darkModeEnabled":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649938858669/MUCTzzAqy.png","headerColor":"#092050","layout":"magazine","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002711009/x33eB9pyo.png","darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002756066/k3_V3jMmd.png","description":"I am a full stack developer and here I share my experiences and also share some guides or tutorials for doing certain things related to web development with Javascript and topics.","displayTitle":"All about programming and building fullstack web application and mobile application. Blogs by Aashish Panthi from Nepal","umamiWebsiteUUID":"d8e93366-d0d4-4d5d-b39d-867f7c22772a","umamiDataImported":true,"customCSSDraft":{"home":"","post":".blog-impressum > .prose { padding-bottom: 3rem; }\r\n.dark .blog-impressum > .prose { padding-bottom: 3rem; }\r\n.blog-impressum > .prose > h3 { visibility: hidden; }\r\n\r\n.dark .blog-impressum { border: 1px solid #3c4654; }\r\n\r\n.dark .dark\\:bg-brand-dark-grey-900 { background-color: #222830; }\r\n.dark .dark\\:bg-brand-black { background-color: #222830; }\r\n.dark .blog-header { background-color: #222830; }\r\n.dark .text-brand-blue { color: #aabbcc; }\r\n.dark .dark\\:border-brand-grey-800 { border-color: #222830; }\r\n.dark .blog-series { border-color: #38404c; }\r\n.dark .dark\\:bg-brand-grey-900 { background-color: #1b2021; }\r\n\r\npre { border: 1px solid gainsboro; }\r\n.dark .prose a { color: #93b0ff; }\r\n\r\n.prose pre { color: #373737; background-color: #ffffff; }\r\n\r\n.hljs-params, .hljs-class .hljs-title { color: #166fc1; }\r\n.dark .hljs-params, .hljs-class .hljs-title { color: #68aff0; }\r\n\r\n.hljs-code, .hljs-title, .hljs-section, .hljs-selector-class { color: #63bd00; }\r\n.hljs-comment { color: #afafaf; }\r\n.dark .hljs-comment { color: #5a5a5a; }\r\n.hljs, .hljs-tag, .hljs-subst { color: #0e0e0e; }\r\n.dark .hljs, .hljs-tag, .hljs-subst { color: #f8f8f2; }\r\n.dark .prose pre { color: #e2e8f0; background-color: #222830; border-color: #45505e; }\r\n.dark .hljs-string, .dark .hljs-type, .dark .hljs-built_in, .dark .hljs-builtin-name,\r\n.dark .hljs-selector-id, .dark .hljs-selector-attr, .dark .hljs-selector-pseudo, .dark .hljs-addition,\r\n.dark .hljs-variable, .dark .hljs-template-variable { color: #9db0ff; }\r\n.dark .hljs-code, .dark .hljs-title, .dark .hljs-section, .dark .hljs-selector-class { color: #47cd92; }\r\n.dark .hljs-keyword, .hljs-selector-tag, .hljs-name, .hljs-attr { color: #ff82af; }\r\n\r\n.hljs-string, .hljs-type, .hljs-built_in, .hljs-builtin-name,\r\n.hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-addition,\r\n.hljs-variable, .hljs-template-variable { color: #035af9; }\r\n\r\n.blog-post-area { padding-top: 20px; }\r\n.post-cover { border-radius: 8px; }\r\n.dark .border-brand-blue { border-color: #4c5869; }\r\n.border-brand-blue { border-color: #e0e0e0; }\r\n.button-transparent.active { color: #5c5c5c; }\r\n.dark .button-transparent.active { color: #949494; }\r\n.dark .button-primary { border-color: #c5c5c5; color: #eae7e7; }\r\n\r\n.btn-reaction-spp:hover {\r\n animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;\r\n transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n perspective: 1000px; \r\n}\r\n\r\n@keyframes shake {\r\n 10%, 90% { transform: translate3d(-1px, 0, 0); }\r\n 20%, 80% { transform: translate3d(2px, 0, 0); }\r\n 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }\r\n 40%, 60% { transform: translate3d(4px, 0, 0); }\r\n}\r\n\r\n.blog-post-detail-card { padding-top: 1rem; }\r\n\r\n@media (min-width: 640px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .blog-author-card { padding-top: 3rem; }\r\n .blog-header { position: fixed; width: 100%; background: #fff; }\r\n .dark .blog-header { position: fixed; width: 100%; }\r\n .blog-header + div { padding-top: 8.4rem; }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n .blog-header + div { padding-top: 9.5rem; }\r\n .sticky { top: 90px !important; }\r\n}\r\n\r\n@media (min-width: 1600px) {\r\n .blog-author-card { padding-top: 1.5rem; }\r\n}","static":"","postMin":".blog-impressum>.prose{padding-bottom:3rem}.dark .blog-impressum>.prose{padding-bottom:3rem}.blog-impressum>.prose>h3{visibility:hidden}.dark .blog-impressum{border:1px solid #3c4654}.dark .dark\\:bg-brand-dark-grey-900{background-color:#222830}.dark .dark\\:bg-brand-black{background-color:#222830}.dark .blog-header{background-color:#222830}.dark .text-brand-blue{color:#abc}.dark .dark\\:border-brand-grey-800{border-color:#222830}.dark .blog-series{border-color:#38404c}.dark .dark\\:bg-brand-grey-900{background-color:#1b2021}pre{border:1px solid gainsboro}.dark .prose a{color:#93b0ff}.prose pre{color:#373737;background-color:#fff}.hljs-params,.hljs-class .hljs-title{color:#166fc1}.dark .hljs-params,.hljs-class .hljs-title{color:#68aff0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#63bd00}.hljs-comment{color:#afafaf}.dark .hljs-comment{color:#5a5a5a}.hljs,.hljs-tag,.hljs-subst{color:#0e0e0e}.dark .hljs,.hljs-tag,.hljs-subst{color:#f8f8f2}.dark .prose pre{color:#e2e8f0;background-color:#222830;border-color:#45505e}.dark .hljs-string,.dark .hljs-type,.dark .hljs-built_in,.dark .hljs-builtin-name,.dark .hljs-selector-id,.dark .hljs-selector-attr,.dark .hljs-selector-pseudo,.dark .hljs-addition,.dark .hljs-variable,.dark .hljs-template-variable{color:#9db0ff}.dark .hljs-code,.dark .hljs-title,.dark .hljs-section,.dark .hljs-selector-class{color:#47cd92}.dark .hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#ff82af}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#035af9}.blog-post-area{padding-top:20px}.post-cover{border-radius:8px}.dark .border-brand-blue{border-color:#4c5869}.border-brand-blue{border-color:#e0e0e0}.button-transparent.active{color:#5c5c5c}.dark .button-transparent.active{color:#949494}.dark .button-primary{border-color:#c5c5c5;color:#eae7e7}.btn-reaction-spp:hover{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.blog-post-detail-card{padding-top:1rem}@media(min-width:640px){.blog-author-card{padding-top:2rem}}@media(min-width:768px){.blog-author-card{padding-top:2rem}}@media(min-width:1024px){.blog-author-card{padding-top:3rem}.blog-header{position:fixed;width:100%;background:#fff}.dark .blog-header{position:fixed;width:100%}.blog-header+div{padding-top:8.4rem}}@media(min-width:1280px){.blog-author-card{padding-top:2rem}.blog-header+div{padding-top:9.5rem}.sticky{top:90px !important}}@media(min-width:1600px){.blog-author-card{padding-top:1.5rem}}"},"customCSSPublished":{"home":"","post":".blog-impressum > .prose { padding-bottom: 3rem; }\r\n.dark .blog-impressum > .prose { padding-bottom: 3rem; }\r\n.blog-impressum > .prose > h3 { visibility: hidden; }\r\n\r\n.dark .blog-impressum { border: 1px solid #3c4654; }\r\n\r\n.dark .dark\\:bg-brand-dark-grey-900 { background-color: #222830; }\r\n.dark .dark\\:bg-brand-black { background-color: #222830; }\r\n.dark .blog-header { background-color: #222830; }\r\n.dark .text-brand-blue { color: #aabbcc; }\r\n.dark .dark\\:border-brand-grey-800 { border-color: #222830; }\r\n.dark .blog-series { border-color: #38404c; }\r\n.dark .dark\\:bg-brand-grey-900 { background-color: #1b2021; }\r\n\r\npre { border: 1px solid gainsboro; }\r\n.dark .prose a { color: #93b0ff; }\r\n\r\n.prose pre { color: #373737; background-color: #ffffff; }\r\n\r\n.hljs-params, .hljs-class .hljs-title { color: #166fc1; }\r\n.dark .hljs-params, .hljs-class .hljs-title { color: #68aff0; }\r\n\r\n.hljs-code, .hljs-title, .hljs-section, .hljs-selector-class { color: #63bd00; }\r\n.hljs-comment { color: #afafaf; }\r\n.dark .hljs-comment { color: #5a5a5a; }\r\n.hljs, .hljs-tag, .hljs-subst { color: #0e0e0e; }\r\n.dark .hljs, .hljs-tag, .hljs-subst { color: #f8f8f2; }\r\n.dark .prose pre { color: #e2e8f0; background-color: #222830; border-color: #45505e; }\r\n.dark .hljs-string, .dark .hljs-type, .dark .hljs-built_in, .dark .hljs-builtin-name,\r\n.dark .hljs-selector-id, .dark .hljs-selector-attr, .dark .hljs-selector-pseudo, .dark .hljs-addition,\r\n.dark .hljs-variable, .dark .hljs-template-variable { color: #9db0ff; }\r\n.dark .hljs-code, .dark .hljs-title, .dark .hljs-section, .dark .hljs-selector-class { color: #47cd92; }\r\n.dark .hljs-keyword, .hljs-selector-tag, .hljs-name, .hljs-attr { color: #ff82af; }\r\n\r\n.hljs-string, .hljs-type, .hljs-built_in, .hljs-builtin-name,\r\n.hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-addition,\r\n.hljs-variable, .hljs-template-variable { color: #035af9; }\r\n\r\n.blog-post-area { padding-top: 20px; }\r\n.post-cover { border-radius: 8px; }\r\n.dark .border-brand-blue { border-color: #4c5869; }\r\n.border-brand-blue { border-color: #e0e0e0; }\r\n.button-transparent.active { color: #5c5c5c; }\r\n.dark .button-transparent.active { color: #949494; }\r\n.dark .button-primary { border-color: #c5c5c5; color: #eae7e7; }\r\n\r\n.btn-reaction-spp:hover {\r\n animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;\r\n transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n perspective: 1000px; \r\n}\r\n\r\n@keyframes shake {\r\n 10%, 90% { transform: translate3d(-1px, 0, 0); }\r\n 20%, 80% { transform: translate3d(2px, 0, 0); }\r\n 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }\r\n 40%, 60% { transform: translate3d(4px, 0, 0); }\r\n}\r\n\r\n.blog-post-detail-card { padding-top: 1rem; }\r\n\r\n@media (min-width: 640px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .blog-author-card { padding-top: 3rem; }\r\n .blog-header { position: fixed; width: 100%; background: #fff; }\r\n .dark .blog-header { position: fixed; width: 100%; }\r\n .blog-header + div { padding-top: 8.4rem; }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .blog-author-card { padding-top: 2rem; }\r\n .blog-header + div { padding-top: 9.5rem; }\r\n .sticky { top: 90px !important; }\r\n}\r\n\r\n@media (min-width: 1600px) {\r\n .blog-author-card { padding-top: 1.5rem; }\r\n}","static":"","postMin":".blog-impressum>.prose{padding-bottom:3rem}.dark .blog-impressum>.prose{padding-bottom:3rem}.blog-impressum>.prose>h3{visibility:hidden}.dark .blog-impressum{border:1px solid #3c4654}.dark .dark\\:bg-brand-dark-grey-900{background-color:#222830}.dark .dark\\:bg-brand-black{background-color:#222830}.dark .blog-header{background-color:#222830}.dark .text-brand-blue{color:#abc}.dark .dark\\:border-brand-grey-800{border-color:#222830}.dark .blog-series{border-color:#38404c}.dark .dark\\:bg-brand-grey-900{background-color:#1b2021}pre{border:1px solid gainsboro}.dark .prose a{color:#93b0ff}.prose pre{color:#373737;background-color:#fff}.hljs-params,.hljs-class .hljs-title{color:#166fc1}.dark .hljs-params,.hljs-class .hljs-title{color:#68aff0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#63bd00}.hljs-comment{color:#afafaf}.dark .hljs-comment{color:#5a5a5a}.hljs,.hljs-tag,.hljs-subst{color:#0e0e0e}.dark .hljs,.hljs-tag,.hljs-subst{color:#f8f8f2}.dark .prose pre{color:#e2e8f0;background-color:#222830;border-color:#45505e}.dark .hljs-string,.dark .hljs-type,.dark .hljs-built_in,.dark .hljs-builtin-name,.dark .hljs-selector-id,.dark .hljs-selector-attr,.dark .hljs-selector-pseudo,.dark .hljs-addition,.dark .hljs-variable,.dark .hljs-template-variable{color:#9db0ff}.dark .hljs-code,.dark .hljs-title,.dark .hljs-section,.dark .hljs-selector-class{color:#47cd92}.dark .hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#ff82af}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#035af9}.blog-post-area{padding-top:20px}.post-cover{border-radius:8px}.dark .border-brand-blue{border-color:#4c5869}.border-brand-blue{border-color:#e0e0e0}.button-transparent.active{color:#5c5c5c}.dark .button-transparent.active{color:#949494}.dark .button-primary{border-color:#c5c5c5;color:#eae7e7}.btn-reaction-spp:hover{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.blog-post-detail-card{padding-top:1rem}@media(min-width:640px){.blog-author-card{padding-top:2rem}}@media(min-width:768px){.blog-author-card{padding-top:2rem}}@media(min-width:1024px){.blog-author-card{padding-top:3rem}.blog-header{position:fixed;width:100%;background:#fff}.dark .blog-header{position:fixed;width:100%}.blog-header+div{padding-top:8.4rem}}@media(min-width:1280px){.blog-author-card{padding-top:2rem}.blog-header+div{padding-top:9.5rem}.sticky{top:90px !important}}@media(min-width:1600px){.blog-author-card{padding-top:1.5rem}}"},"fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"","wmPaymentPointer":"","ogImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002523004/ZCPNjdO0Z.png","metaHTMLSanitized":"A developer trying to do some weird things.\nLet's gain && share knowledge.\n","numPosts":40}

Subscribe to my newsletter

Recent articles

Introducing lootle - buy it cheap

How to make an email tracker using Nhost serverless functions

Developer Communities and My thoughts