{"publication":{"id":"5f5b7821e0b75e58b295213c","hashnodeURL":"https://theintrovertcoder.hashnode.dev","url":"https://theintrovertcoder.hashnode.dev","canonicalURL":"https://theintrovertcoder.hashnode.dev","title":"The Introvert Coder","displayTitle":"The Introvert Coder | Connecting with Coders.","descriptionSEO":"Love Coding? The-Introvert-Coder is a place where I share my knowledge on HTML, CSS, Javascript. ","username":"theintrovertcoder","author":{"id":"5f5b77a3e0b75e58b2952121","name":"Sangy K (SK) | The Introvert Coder","username":"sangyk","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674663672841/71f8i97St.png","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1600853485688/P0wh5SbD3.jpeg","__typename":"User","followersCount":10},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674550554831/y-io1-rfE.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674550564228/ZtulP2arP.png","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".blog-page-content #heading-i-am-obsessed-with+p,.blog-page-content #heading-i-am-comfortable-with+p,.blog-page-content #heading-my-abode-lets-connect+p{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0}.blog-page-content #heading-i-am-obsessed-with+p img,.blog-page-content #heading-i-am-comfortable-with+p img{height:50px;margin:25px}.blog-page-content #heading-my-abode-lets-connect+p a{height:25px;margin:5px;padding:0}.blog-page-content #heading-my-abode-lets-connect+p a img{height:25px;margin:0;padding:0}.blog-page-content a[href=\"https://www.buymeacoffee.com/dev_sangyk\"] img{display:inline-block;padding:0;margin:0 0 0 5px}","homeMin":"::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#222e50}::-webkit-scrollbar-thumb{border-radius:5px;background:#146eb4}.blog-header .css-6dpdzg{padding-top:.5rem}.blog-header .blog-main-logo .blog-logo{width:350px}.blog-header .css-vangzf{justify-content:start;margin-top:1rem}.blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-radius:5px 5px 0 0}.blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text{margin:0 !important;padding:.25rem .5rem !important}.blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text:hover{background-color:#ff990060 !important;border-radius:.5rem .5rem 0 0}.blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-color:#146eb4 !important;background-color:#f90 !important}.dark .blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-color:#f90 !important;background-color:#146eb4 !important}.dark .blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text:hover{background-color:#146eb460 !important;border-radius:.5rem .5rem 0 0}.blog-featured-area{background-color:#146eb460 !important;border-color:#f90 !important}.blog-featured-area .blog-article-card{box-shadow:0 0 15px 0 #146eb460;border-radius:.5rem;overflow:hidden;transition:scale .5s}.blog-featured-area .blog-article-card:hover{transform:scale(1.05)}.blog-featured-area .blog-article-card .blog-article-card-cover{border-width:0 !important;border-radius:.5rem .5rem 0 0}.blog-featured-area .blog-article-card .blog-article-card-author-strip{margin-bottom:1rem}.blog-featured-area .blog-article-card .blog-article-card-author-photo{border:2px solid #f90}.blog-author-container .blog-author-card .blog-follow-wrapper{display:none}.blog-author-container .blog-author-card .blog-author-area-photo{border:3px solid #f90}.blog-author-container .blog-author-card .css-telre5 p{margin:0 !important}.blog-articles-area .blog-article-card{box-shadow:0 0 15px 0 #146eb460;border-radius:.5rem;overflow:hidden;transition:scale .5s}.blog-articles-area .blog-article-card:hover{transform:scale(1.05)}.blog-articles-area .blog-article-card .blog-article-card-cover{border-width:0 !important;border-radius:.5rem .5rem 0 0}.blog-articles-area .blog-article-card .blog-article-card-author-strip{margin-bottom:1rem}.blog-articles-area .css-1vyhe0m button:hover{background:transparent}.blog-articles-area .css-1vyhe0m button span{border:2px solid #f90;border-radius:5px;color:#f90;padding:.5rem 1rem;transition:box-shadow .5s}.blog-articles-area .css-1vyhe0m button:hover span{box-shadow:0 0 10px 0 #f90}.blog-articles-area .css-1vyhe0m button svg path{display:none}.blog-footer-area{background-color:#146eb460 !important;border-color:#f90 !important}.blog-footer-area .blog-impressum>p{color:#f90}.blog-footer-area .blog-impressum{border:1px solid #f90}.dark .blog-footer-area .blog-impressum{background-color:#0f172a !important}@media(min-width:768px){.blog-header .css-6dpdzg{margin-bottom:0}.blog-author-container .blog-author-card{padding:2rem}}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"63b8e0f895025da0eecd2d04","label":"Project Euler JS Solution","url":"https://theintrovertcoder.hashnode.dev/series/project-euler","priority":0,"type":"series","series":{"id":"63a95e08b1011ed9ec6d3bdb","__typename":"Series"},"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"__typename":"Preferences","layout":"magazine","customCSSDraft":{"homeMin":"::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#222e50}::-webkit-scrollbar-thumb{border-radius:5px;background:#146eb4}.blog-header .css-6dpdzg{padding-top:.5rem}.blog-header .blog-main-logo .blog-logo{width:350px}.blog-header .css-vangzf{justify-content:start;margin-top:1rem}.blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-radius:5px 5px 0 0}.blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text{margin:0 !important;padding:.25rem .5rem !important}.blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text:hover{background-color:#ff990060 !important;border-radius:.5rem .5rem 0 0}.blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-color:#146eb4 !important;background-color:#f90 !important}.dark .blog-header .css-vangzf .scrollbar-container .blog-nav-active{border-color:#f90 !important;background-color:#146eb4 !important}.dark .blog-header .css-vangzf .scrollbar-container nav a .blog-nav-text:hover{background-color:#146eb460 !important;border-radius:.5rem .5rem 0 0}.blog-featured-area{background-color:#146eb460 !important;border-color:#f90 !important}.blog-featured-area .blog-article-card{box-shadow:0 0 15px 0 #146eb460;border-radius:.5rem;overflow:hidden;transition:scale .5s}.blog-featured-area .blog-article-card:hover{transform:scale(1.05)}.blog-featured-area .blog-article-card .blog-article-card-cover{border-width:0 !important;border-radius:.5rem .5rem 0 0}.blog-featured-area .blog-article-card .blog-article-card-author-strip{margin-bottom:1rem}.blog-featured-area .blog-article-card .blog-article-card-author-photo{border:2px solid #f90}.blog-author-container .blog-author-card .blog-follow-wrapper{display:none}.blog-author-container .blog-author-card .blog-author-area-photo{border:3px solid #f90}.blog-author-container .blog-author-card .css-telre5 p{margin:0 !important}.blog-articles-area .blog-article-card{box-shadow:0 0 15px 0 #146eb460;border-radius:.5rem;overflow:hidden;transition:scale .5s}.blog-articles-area .blog-article-card:hover{transform:scale(1.05)}.blog-articles-area .blog-article-card .blog-article-card-cover{border-width:0 !important;border-radius:.5rem .5rem 0 0}.blog-articles-area .blog-article-card .blog-article-card-author-strip{margin-bottom:1rem}.blog-articles-area .css-1vyhe0m button:hover{background:transparent}.blog-articles-area .css-1vyhe0m button span{border:2px solid #f90;border-radius:5px;color:#f90;padding:.5rem 1rem;transition:box-shadow .5s}.blog-articles-area .css-1vyhe0m button:hover span{box-shadow:0 0 10px 0 #f90}.blog-articles-area .css-1vyhe0m button svg path{display:none}.blog-footer-area{background-color:#146eb460 !important;border-color:#f90 !important}.blog-footer-area .blog-impressum>p{color:#f90}.blog-footer-area .blog-impressum{border:1px solid #f90}.dark .blog-footer-area .blog-impressum{background-color:#0f172a !important}@media(min-width:768px){.blog-header .css-6dpdzg{margin-bottom:0}.blog-author-container .blog-author-card{padding:2rem}}","__typename":"CustomCSSPreferences"}},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674618453809/s2bXw7xX2.png","headerColor":"","metaTags":"\n\n\n\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-GDW264PJQ4","plausibleAnalyticsEnabled":false,"wmPaymentPointer":"$ilp.uphold.com/A3XgEBX9aAwQ","__typename":"PublicationIntegrations"},"postsCount":22,"impressum":"

👋 Hello there,

My name is Sangy, you can also call me SK and I am the author of THE INTROVERT CODER 👩‍💻. I hope that you get to learn something useful from my blog.

If you like my content and want to stay updated then subscribe to my newsletter.

If you would like to request a particular article/topic covered or would want to discuss something, then please follow and connect me through Twitter

Learn and Grow! 💯

\n","isTeam":null,"links":{"twitter":"https://twitter.com/sangyk_dev","instagram":"","github":"https://github.com/sansk","website":"https://theintrovertcoder.hashnode.dev/","hashnode":"https://hashnode.com/@sangyk","youtube":"","dailydev":"https://app.daily.dev/sangyk","linkedin":"","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"","certIssued":false,"ready":false,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"about":{"markdown":"Full-Stack Developer • An Introvert Coder • Tech Blogger • A Proud Mom","html":"

Full-Stack Developer • An Introvert Coder • Tech Blogger • A Proud Mom

\n","__typename":"AboutPublication"},"followersCount":null,"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627349405956/Vs2pvOtDM.gif","__typename":"OpenGraphMetaData"},"pinnedPost":null,"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"__typename":"Publication"}}

Next meets React

Why you should learn Next.JS