[{"_id":"674553631b8c712f1378e0b3","publication":"61a4df242be89f3d0ab9fdf1","user":{"_id":"61a4de222be89f3d0ab9fddb","isDeactivated":false,"numFollowers":16,"hasGoldRing":true,"name":"Blake Yeboah","username":"BlakeYeboah","tagline":"Full Stack Web Developer","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714201516856/-fvHewTjR.png"},"createdAt":"2024-11-26T04:49:29.225Z","memberName":"Blake Yeboah","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714201516856/-fvHewTjR.png","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:29.225Z","username":"BlakeYeboah","latestPosts":[{"_id":"6638bbf814aec2add84a3d56","views":13,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":1,"isPinnedToBlog":false,"title":"Optimizing Website Performance for Speed and User Experience","cuid":"clvuv8xhz00030al92axtcryk","dateAdded":"2024-05-06T11:16:08.471Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"optimizing-website-performance-for-speed-and-user-experience","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714896127046/fb7a5536-febc-4bce-a2cd-783abd7d0fe5.jpeg","brief":"Introduction\nWebsite performance is an important aspect of web development.\nIt consists of mainly two things:\n\nThe speed of your website\n\nHow usable is your website for visitors?\n\n\nImportance of website performance\nWebsite performance is very importa...","author":"61a4de222be89f3d0ab9fddb","readTime":7,"tags":["56744722958ef13879b94f1b","56744721958ef13879b94dc4","56744723958ef13879b952af"],"publication":{"_id":"61a4df242be89f3d0ab9fdf1","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":false,"rssIntegration":false,"magazineLayout":false},"views":{"today":1,"thisWeek":40,"lastWeek":86,"thisMonth":155,"allTime":15378},"stripe":{},"numFollowers":0,"badgePageEnabled":true,"newsletterEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":22,"1712102400":20,"1712188800":14,"1712275200":12,"1712361600":10,"1712448000":3,"1712534400":10,"1712620800":9,"1712707200":23,"1712793600":26,"1712880000":9,"1712966400":20,"1713052800":4,"1713139200":14,"1713225600":15,"1713312000":9,"1713398400":15,"1713484800":14,"1713571200":7,"1713657600":7,"1713744000":18,"1713830400":13,"1713916800":12,"1714003200":9,"1714089600":20,"1714176000":31,"1714262400":8,"1714348800":24,"1714435200":21,"1714521600":19},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":false,"author":"61a4de222be89f3d0ab9fddb","isActive":true,"username":"blakeyeboah","domain":"blog.blakeyeboah.com","urlPattern":"simple","title":"Blake Yeboah's Blog","links":{"twitter":"https://twitter.com/BlakeYeboah","instagram":"https://www.instagram.com/blake_yeboah/","github":"https://github.com/Blake-K-Yeboah","website":"https://www.blakeyeboah.com/","hashnode":"https://hashnode.com/@BlakeYeboah","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/blake-yeboah/"},"domainStatus":{"certIssued":true,"ready":true,"status":"VERIFIED","verifiedAt":"2024-10-02T19:30:52.586Z"},"domainUpdatedOn":"2024-10-02T19:30:52.586Z","customRules":[],"menu":[{"priority":2,"_id":"62d7c3d0ca829b4aca565a46","type":"link","label":"Sponsor","url":"https://blog.blakeyeboah.com/sponsor"},{"priority":1,"_id":"6225a895c705276a2dd2f55f","type":"link","label":"Portfolio","url":"https://www.blakeyeboah.com/"},{"priority":0,"_id":"61e27e15d546507ab0344033","type":"link","label":"Socials","url":"https://linktr.ee/blakeyeboah"}],"__v":0,"imprint":"","imprintMarkdown":"","meta":"I write articles about React, JavaScript & Web Development to make your learning journey easier 😀","metaHTML":"

I write articles about React, JavaScript & Web Development to make your learning journey easier 😀

\n","darkModeEnabled":true,"headerColor":"#111111","layout":"grid","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646636334419/PGx_pFMJW.png","favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714201427780/Nfqp_jwAM.png","hasBadges":true,"description":"","displayTitle":"","ogImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714552274642/3cd8b016-103b-47e5-81ef-d7b91d7cd9d6.jpeg","fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"G-QSSZ233Q46","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"\n","wmPaymentPointer":"","customCSSDraft":{"home":".css-1ktskoi {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-header, :is(.dark .dark\\:bg-slate-900), :is(.dark .dark\\:bg-slate-950) {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.blog-header{\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n border-bottom: 4px solid #855ff6;\r\n}\r\n\r\n.blog-nav-active, :is(.dark .dark\\:text-blue-500) {\r\n color: #855ff6 !important;\r\n}\r\n\r\nbutton:is(.dark .dark\\:text-blue-500):hover {\r\n background: rgba(0,0,0,0.2);\r\n}\r\n\r\n.blog-nav, .blog-nav-active {\r\n border-top-left-radius: 0 !important;\r\n border-top-right-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-nav {\r\n color: #fff;\r\n}\r\n\r\nhtml:not(.dark) .blog-nav {\r\n color: #000;\r\n}\r\n\r\nhtml:not(.dark) .blog-nav:hover {\r\n background-color: rgba(0,0,0,0.125);\r\n}\r\n\r\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\r\n color: #000;\r\n}\r\n\r\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\r\n color: #fff;\r\n}\r\n\r\n.dark .blog-author-container {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%);\r\n}\r\n\r\n.blog-author-container {\r\n border-bottom: 1px solid #a78bfa !important;\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n}\r\n\r\n.blog-post-card-wrapper{ \r\n padding: 2rem;\r\n border: 1px solid #855ff6;\r\n border-radius: 0px;\r\n box-shadow: 10px 7px 0 #855ff6;\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n position: relative;\r\n top: 0;\r\n transition: .35s ease;\r\n}\r\n\r\n.blog-post-card-wrapper:hover {\r\n top: -10px;\r\n box-shadow: 10px 17px #855ff6;\r\n}\r\n\r\n.dark .blog-post-card-wrapper {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(18,18,18,1) 100%);\r\n}\r\n\r\n.blog-body {fo\r\n background: linear-gradient(135deg, #fff 0%, #ddd 100%) !important;\r\n}\r\n\r\n.dark .blog-body {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(18,18,18,1) 100%) !important;\r\n}\r\n\r\n.css-1nu6jrm {\r\n color: #855ff6 !important;\r\n border-color: #855ff6 !important;\r\n}\r\n\r\n\r\n.blog-footer-area {\r\n background: rgba( 255, 255, 255, 0.7 );\r\n box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);\r\n color: #000 !important;\r\n}\r\n\r\n.dark .blog-footer-area {\r\n background: #1B1B1B !important;\r\n color: #fff !important;\r\n}\r\n\r\n.css-2559wl, .css-1v4n890 {\r\n color: #fff !important;\r\n}\r\n\r\n.blog-subscription-form-input {\r\n background: transparent !important;\r\n border: 1px solid #855ff6 !important;\r\n}\r\n\r\n.blog-subscription-form-button {\r\n background-color: #855ff6 !important;\r\n color: #fff !important;\r\n transition: .3s ease-in-out !important;\r\n}\r\n\r\n.blog-subscription-form-button:hover {\r\n background-color: #744ee5 !important;\r\n}\r\n\r\n.css-1xdlsmg {\r\n border-color: #855ff6 !important;\r\n}\r\n\r\n.css-1v71s9u {\r\n color: #855ff6 !important;\r\n}\r\n\r\n.css-1v71s9u:hover {\r\n background-color: rgba(133, 95, 246, .125) !important;\r\n}","post":".dark .blog-header, :is(.dark .dark\\:bg-slate-950) {\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\n}\n\n:is(.dark .dark\\:bg-\\[linear-gradient\\(180deg\\2c _\\#10182b00_65\\.93\\%\\2c _\\#10182B_86\\%\\)\\]) {\n background-image:linear-gradient(180deg,#00000000 65.93%,#00000055 86%) !important;\n}\n\n.blog-header{\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\n border-bottom: 4px solid #855ff6;\n}\n\n:is(.dark .dark\\:bg-slate-900) {\n background: rgba(25, 25, 25, 0.7) !important;\n border: 1px solid #333 !important;\n}\n\n.blog-nav-active{\n color: #855ff6 !important;\n}\n\n.blog-nav, .blog-nav-active {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n color: #000;\n}\n\n.dark .blog-nav, .dark .blog-nav-active {\n color: #fff;\n}\n\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\n color: #000;\n}\n\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\n color: #fff;\n}\n\n.dark .blog-article-page {\n background-color: #1E1E1E !important;\n}\n \n.blog-post-detail-card {\n padding-bottom: 0px !important;\n}\n \n.blog-content-main {\n background: rgba( 255, 255, 255, 0.7 );\n /*box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);*/\n border-radius: 0px;\n padding: 40px !important;\n margin-top: 40px;\n margin-right: 40px;\n border-radius: 8px;\n border: 1px solid #ccc;\n}\n\n.dark .blog-content-main {\n background: rgba( 25, 25, 25, 0.7);\n /*box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.25);*/\n border: 1px solid #333;\n}\n\n.blog-content-main h1, .blog-content-main h2, .blog-content-main h3 {\n color: #855ff6 !important;\n font-weight: 700 !important;\n letter-spacing: 1px !important;\n} \n\n.blog-content-main p {\n font-weight: 100 !important;\n}\n\n.css-xvvbvv {\n color: #855ff6 !important;\n border-color: #855ff6 !important;\n}\n\n.blog-footer-area {\n background: rgba( 255, 255, 255, 0.7 );\n box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);\n color: #000 !important;\n}\n\n.dark .blog-footer-area {\n background: #1B1B1B !important;\n color: #fff !important;\n}\n\n.css-2559wl, .css-1v4n890 {\n color: #fff !important;\n}\n\n.css-1s4b5hj {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n );\n}\n\n.blog-subscription-form-button {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: #fff !important;\n}\n\n.dark .blog-subscription-form-message {\n /* email subscription form message */\n color: white !important;\n}\n\n.css-14lmbqe {\n color: #855ff6 !important;\n}\n\n.css-gz01ch, .dark .css-gz01ch {\n background-color: #855ff6 !important;\n color: #fff !important;\n}\n\nhtml {\n scroll-behavior: smooth !important;\n}\n\n.dark .css-1i9mn82 {\n background-color: rgba( 25, 25, 25, 1) !important;\n}\n\naudio::-webkit-media-controls-panel {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n );\n color: white !important;\n}\n\n.css-7kdauc {\n background: #f1f1f1 !important;\n color: #000 !important;\n}\n\n.dark .css-7kdauc {\n background: rgba( 25, 25, 25, 0.7) !important;\n color: #fff !important;\n}\n\n.css-a7z9ft {\n color: #000 !important;\n}\n\n.dark .css-a7z9ft {\n color: #fff !important;\n}\n\n.css-1kttq0i {\n background: rgba( 255, 255, 255, 0.7 );\n border-radius: 0px !important;\n border: none !important;\n margin-bottom: 10vh !important;\n border-radius: 8px !important;\n border: 1px solid #ccc !important;\n}\n\n.dark .css-1kttq0i {\n background: rgba( 25, 25, 25, 0.7) !important;\n border: 1px solid #333 !important;\n}\n\n.css-fm96g6 {\n background: #855ff6 !important;\n}\n\n.dark code {\n background-color: rgba(255,255,255,.1) !important;\n}\n\n.dark h2 code {\n color: #855ff6 !important;\n}\n\n.css-1tucp93 {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: white !important;\n transition: .2s ease;\n}\n\n.css-1tucp93:hover {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n opacity: .75;\n}\n\n.dark .css-h2tgbz {\n background-color: #333 !important;\n}\n\n.css-63nn3l, .css-1bfcdnr {\n color: #855ff6 !important;\n}\n\n.css-15j5ktl {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: white !important;\n transition: .2s ease;\n}\n\n.css-15j5ktl:hover {\n opacity: .75;\n}\n\n@media (min-width: 768px) {\n.css-aiitj2 {\n width: 80% !important;\n}\n}","static":".css-1ktskoi {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-header {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.blog-header{\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n border-bottom: 4px solid #855ff6;\r\n}\r\n\r\n.blog-nav-active{\r\n color: #855ff6 !important;\r\n}\r\n\r\n.blog-nav, .blog-nav-active {\r\n border-top-left-radius: 0 !important;\r\n border-top-right-radius: 0 !important;\r\n color: #fff;\r\n}\r\n\r\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\r\n color: #000;\r\n}\r\n\r\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\r\n color: #fff;\r\n}\r\n\r\n.dark .css-1jyyrtb {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.dark .css-1wpdmgh {\r\n background: linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important;\r\n}\r\n\r\n.css-m5glgu {\r\n background: linear-gradient(\r\n 90deg,\r\n #a78bfa 0%,\r\n #855ff6 100%\r\n ) !important;\r\n color: #fff !important;\r\n transition: opacity .3s ease-in-out !important;\r\n}\r\n\r\n.css-m5glgu:hover {\r\n opacity: .75 !important;\r\n}\r\n\r\n.css-1ajtyzd > button:last-of-type {\r\n color: #855ff6 !important;\r\n}\r\n\r\n.css-1ajtyzd > button:first-of-type {\r\n background-color: #855ff6 !important;\r\n color: #fff !important;\r\n}\r\n\r\n.dark .blog-footer-area {\r\n background: #1B1B1B !important;\r\n color: #fff !important;\r\n}","homeMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header,:is(.dark .dark\\:bg-slate-900),:is(.dark .dark\\:bg-slate-950){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active,:is(.dark .dark\\:text-blue-500){color:#855ff6 !important}button:is(.dark .dark\\:text-blue-500):hover{background:rgba(0,0,0,0.2)}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.dark .blog-nav{color:#fff}html:not(.dark) .blog-nav{color:#000}html:not(.dark) .blog-nav:hover{background-color:rgba(0,0,0,0.125)}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-author-container{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%)}.blog-author-container{border-bottom:1px solid #a78bfa !important;background:linear-gradient(135deg,#fff 0,#eee 100%)}.blog-post-card-wrapper{padding:2rem;border:1px solid #855ff6;border-radius:0;box-shadow:10px 7px 0 #855ff6;background:linear-gradient(135deg,#fff 0,#eee 100%);position:relative;top:0;transition:.35s ease}.blog-post-card-wrapper:hover{top:-10px;box-shadow:10px 17px #855ff6}.dark .blog-post-card-wrapper{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%)}.blog-body{fo background:linear-gradient(135deg,#fff 0,#ddd 100%) !important}.dark .blog-body{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-1nu6jrm{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.blog-subscription-form-input{background:transparent !important;border:1px solid #855ff6 !important}.blog-subscription-form-button{background-color:#855ff6 !important;color:#fff !important;transition:.3s ease-in-out !important}.blog-subscription-form-button:hover{background-color:#744ee5 !important}.css-1xdlsmg{border-color:#855ff6 !important}.css-1v71s9u{color:#855ff6 !important}.css-1v71s9u:hover{background-color:rgba(133,95,246,.125) !important}","postMin":".dark .blog-header,:is(.dark .dark\\:bg-slate-950){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}:is(.dark .dark\\:bg-\\[linear-gradient\\(180deg\\2c _\\#10182b00_65\\.93\\%\\2c _\\#10182B_86\\%\\)\\]){background-image:linear-gradient(180deg,#00000000 65.93%,#00000055 86%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}:is(.dark .dark\\:bg-slate-900){background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#000}.dark .blog-nav,.dark .blog-nav-active{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-article-page{background-color:#1e1e1e !important}.blog-post-detail-card{padding-bottom:0 !important}.blog-content-main{background:rgba(255,255,255,0.7);border-radius:0;padding:40px !important;margin-top:40px;margin-right:40px;border-radius:8px;border:1px solid #ccc}.dark .blog-content-main{background:rgba(25,25,25,0.7);border:1px solid #333}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3{color:#855ff6 !important;font-weight:700 !important;letter-spacing:1px !important}.blog-content-main p{font-weight:100 !important}.css-xvvbvv{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.css-1s4b5hj{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%)}.blog-subscription-form-button{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important}.dark .blog-subscription-form-message{color:white !important}.css-14lmbqe{color:#855ff6 !important}.css-gz01ch,.dark .css-gz01ch{background-color:#855ff6 !important;color:#fff !important}html{scroll-behavior:smooth !important}.dark .css-1i9mn82{background-color:rgba(25,25,25,1) !important}audio::-webkit-media-controls-panel{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%);color:white !important}.css-7kdauc{background:#f1f1f1 !important;color:#000 !important}.dark .css-7kdauc{background:rgba(25,25,25,0.7) !important;color:#fff !important}.css-a7z9ft{color:#000 !important}.dark .css-a7z9ft{color:#fff !important}.css-1kttq0i{background:rgba(255,255,255,0.7);border-radius:0 !important;border:none !important;margin-bottom:10vh !important;border-radius:8px !important;border:1px solid #ccc !important}.dark .css-1kttq0i{background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.css-fm96g6{background:#855ff6 !important}.dark code{background-color:rgba(255,255,255,.1) !important}.dark h2 code{color:#855ff6 !important}.css-1tucp93{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-1tucp93:hover{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;opacity:.75}.dark .css-h2tgbz{background-color:#333 !important}.css-63nn3l,.css-1bfcdnr{color:#855ff6 !important}.css-15j5ktl{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-15j5ktl:hover{opacity:.75}@media(min-width:768px){.css-aiitj2{width:80% !important}}","staticMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .css-1jyyrtb{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.dark .css-1wpdmgh{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-m5glgu{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important;transition:opacity .3s ease-in-out !important}.css-m5glgu:hover{opacity:.75 !important}.css-1ajtyzd>button:last-of-type{color:#855ff6 !important}.css-1ajtyzd>button:first-of-type{background-color:#855ff6 !important;color:#fff !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}"},"customCSSPublished":{"home":".css-1ktskoi {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-header, :is(.dark .dark\\:bg-slate-900), :is(.dark .dark\\:bg-slate-950) {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.blog-header{\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n border-bottom: 4px solid #855ff6;\r\n}\r\n\r\n.blog-nav-active, :is(.dark .dark\\:text-blue-500) {\r\n color: #855ff6 !important;\r\n}\r\n\r\nbutton:is(.dark .dark\\:text-blue-500):hover {\r\n background: rgba(0,0,0,0.2);\r\n}\r\n\r\n.blog-nav, .blog-nav-active {\r\n border-top-left-radius: 0 !important;\r\n border-top-right-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-nav {\r\n color: #fff;\r\n}\r\n\r\nhtml:not(.dark) .blog-nav {\r\n color: #000;\r\n}\r\n\r\nhtml:not(.dark) .blog-nav:hover {\r\n background-color: rgba(0,0,0,0.125);\r\n}\r\n\r\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\r\n color: #000;\r\n}\r\n\r\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\r\n color: #fff;\r\n}\r\n\r\n.dark .blog-author-container {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%);\r\n}\r\n\r\n.blog-author-container {\r\n border-bottom: 1px solid #a78bfa !important;\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n}\r\n\r\n.blog-post-card-wrapper{ \r\n padding: 2rem;\r\n border: 1px solid #855ff6;\r\n border-radius: 0px;\r\n box-shadow: 10px 7px 0 #855ff6;\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n position: relative;\r\n top: 0;\r\n transition: .35s ease;\r\n}\r\n\r\n.blog-post-card-wrapper:hover {\r\n top: -10px;\r\n box-shadow: 10px 17px #855ff6;\r\n}\r\n\r\n.dark .blog-post-card-wrapper {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(18,18,18,1) 100%);\r\n}\r\n\r\n.blog-body {fo\r\n background: linear-gradient(135deg, #fff 0%, #ddd 100%) !important;\r\n}\r\n\r\n.dark .blog-body {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(18,18,18,1) 100%) !important;\r\n}\r\n\r\n.css-1nu6jrm {\r\n color: #855ff6 !important;\r\n border-color: #855ff6 !important;\r\n}\r\n\r\n\r\n.blog-footer-area {\r\n background: rgba( 255, 255, 255, 0.7 );\r\n box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);\r\n color: #000 !important;\r\n}\r\n\r\n.dark .blog-footer-area {\r\n background: #1B1B1B !important;\r\n color: #fff !important;\r\n}\r\n\r\n.css-2559wl, .css-1v4n890 {\r\n color: #fff !important;\r\n}\r\n\r\n.blog-subscription-form-input {\r\n background: transparent !important;\r\n border: 1px solid #855ff6 !important;\r\n}\r\n\r\n.blog-subscription-form-button {\r\n background-color: #855ff6 !important;\r\n color: #fff !important;\r\n transition: .3s ease-in-out !important;\r\n}\r\n\r\n.blog-subscription-form-button:hover {\r\n background-color: #744ee5 !important;\r\n}\r\n\r\n.css-1xdlsmg {\r\n border-color: #855ff6 !important;\r\n}\r\n\r\n.css-1v71s9u {\r\n color: #855ff6 !important;\r\n}\r\n\r\n.css-1v71s9u:hover {\r\n background-color: rgba(133, 95, 246, .125) !important;\r\n}","post":".dark .blog-header, :is(.dark .dark\\:bg-slate-950) {\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\n}\n\n:is(.dark .dark\\:bg-\\[linear-gradient\\(180deg\\2c _\\#10182b00_65\\.93\\%\\2c _\\#10182B_86\\%\\)\\]) {\n background-image:linear-gradient(180deg,#00000000 65.93%,#00000055 86%) !important;\n}\n\n.blog-header{\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\n border-bottom: 4px solid #855ff6;\n}\n\n:is(.dark .dark\\:bg-slate-900) {\n background: rgba(25, 25, 25, 0.7) !important;\n border: 1px solid #333 !important;\n}\n\n.blog-nav-active{\n color: #855ff6 !important;\n}\n\n.blog-nav, .blog-nav-active {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n color: #000;\n}\n\n.dark .blog-nav, .dark .blog-nav-active {\n color: #fff;\n}\n\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\n color: #000;\n}\n\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\n color: #fff;\n}\n\n.dark .blog-article-page {\n background-color: #1E1E1E !important;\n}\n \n.blog-post-detail-card {\n padding-bottom: 0px !important;\n}\n \n.blog-content-main {\n background: rgba( 255, 255, 255, 0.7 );\n /*box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);*/\n border-radius: 0px;\n padding: 40px !important;\n margin-top: 40px;\n margin-right: 40px;\n border-radius: 8px;\n border: 1px solid #ccc;\n}\n\n.dark .blog-content-main {\n background: rgba( 25, 25, 25, 0.7);\n /*box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.25);*/\n border: 1px solid #333;\n}\n\n.blog-content-main h1, .blog-content-main h2, .blog-content-main h3 {\n color: #855ff6 !important;\n font-weight: 700 !important;\n letter-spacing: 1px !important;\n} \n\n.blog-content-main p {\n font-weight: 100 !important;\n}\n\n.css-xvvbvv {\n color: #855ff6 !important;\n border-color: #855ff6 !important;\n}\n\n.blog-footer-area {\n background: rgba( 255, 255, 255, 0.7 );\n box-shadow: 0 8px 32px 0 rgba(133, 95, 246, 0.2);\n color: #000 !important;\n}\n\n.dark .blog-footer-area {\n background: #1B1B1B !important;\n color: #fff !important;\n}\n\n.css-2559wl, .css-1v4n890 {\n color: #fff !important;\n}\n\n.css-1s4b5hj {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n );\n}\n\n.blog-subscription-form-button {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: #fff !important;\n}\n\n.dark .blog-subscription-form-message {\n /* email subscription form message */\n color: white !important;\n}\n\n.css-14lmbqe {\n color: #855ff6 !important;\n}\n\n.css-gz01ch, .dark .css-gz01ch {\n background-color: #855ff6 !important;\n color: #fff !important;\n}\n\nhtml {\n scroll-behavior: smooth !important;\n}\n\n.dark .css-1i9mn82 {\n background-color: rgba( 25, 25, 25, 1) !important;\n}\n\naudio::-webkit-media-controls-panel {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n );\n color: white !important;\n}\n\n.css-7kdauc {\n background: #f1f1f1 !important;\n color: #000 !important;\n}\n\n.dark .css-7kdauc {\n background: rgba( 25, 25, 25, 0.7) !important;\n color: #fff !important;\n}\n\n.css-a7z9ft {\n color: #000 !important;\n}\n\n.dark .css-a7z9ft {\n color: #fff !important;\n}\n\n.css-1kttq0i {\n background: rgba( 255, 255, 255, 0.7 );\n border-radius: 0px !important;\n border: none !important;\n margin-bottom: 10vh !important;\n border-radius: 8px !important;\n border: 1px solid #ccc !important;\n}\n\n.dark .css-1kttq0i {\n background: rgba( 25, 25, 25, 0.7) !important;\n border: 1px solid #333 !important;\n}\n\n.css-fm96g6 {\n background: #855ff6 !important;\n}\n\n.dark code {\n background-color: rgba(255,255,255,.1) !important;\n}\n\n.dark h2 code {\n color: #855ff6 !important;\n}\n\n.css-1tucp93 {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: white !important;\n transition: .2s ease;\n}\n\n.css-1tucp93:hover {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n opacity: .75;\n}\n\n.dark .css-h2tgbz {\n background-color: #333 !important;\n}\n\n.css-63nn3l, .css-1bfcdnr {\n color: #855ff6 !important;\n}\n\n.css-15j5ktl {\n background: linear-gradient(\n 90deg,\n #a78bfa 0%,\n #855ff6 100%\n ) !important;\n color: white !important;\n transition: .2s ease;\n}\n\n.css-15j5ktl:hover {\n opacity: .75;\n}\n\n@media (min-width: 768px) {\n.css-aiitj2 {\n width: 80% !important;\n}\n}","static":".css-1ktskoi {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.dark .blog-header {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.blog-header{\r\n background: linear-gradient(135deg, #fff 0%, #eee 100%);\r\n border-bottom: 4px solid #855ff6;\r\n}\r\n\r\n.blog-nav-active{\r\n color: #855ff6 !important;\r\n}\r\n\r\n.blog-nav, .blog-nav-active {\r\n border-top-left-radius: 0 !important;\r\n border-top-right-radius: 0 !important;\r\n color: #fff;\r\n}\r\n\r\n.blog-search-button, .blog-theme-switcher, .blog-social-media-section a, .blog-settings {\r\n color: #000;\r\n}\r\n\r\n.dark .blog-search-button, .dark .blog-theme-switcher, .dark .blog-social-media-section a, .dark .blog-settings {\r\n color: #fff;\r\n}\r\n\r\n.dark .css-1jyyrtb {\r\n background: linear-gradient(135deg, rgba(30,30,30,1) 0%, rgba(24,24,24,1) 100%) !important;\r\n}\r\n\r\n.dark .css-1wpdmgh {\r\n background: linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important;\r\n}\r\n\r\n.css-m5glgu {\r\n background: linear-gradient(\r\n 90deg,\r\n #a78bfa 0%,\r\n #855ff6 100%\r\n ) !important;\r\n color: #fff !important;\r\n transition: opacity .3s ease-in-out !important;\r\n}\r\n\r\n.css-m5glgu:hover {\r\n opacity: .75 !important;\r\n}\r\n\r\n.css-1ajtyzd > button:last-of-type {\r\n color: #855ff6 !important;\r\n}\r\n\r\n.css-1ajtyzd > button:first-of-type {\r\n background-color: #855ff6 !important;\r\n color: #fff !important;\r\n}\r\n\r\n.dark .blog-footer-area {\r\n background: #1B1B1B !important;\r\n color: #fff !important;\r\n}","homeMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header,:is(.dark .dark\\:bg-slate-900),:is(.dark .dark\\:bg-slate-950){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active,:is(.dark .dark\\:text-blue-500){color:#855ff6 !important}button:is(.dark .dark\\:text-blue-500):hover{background:rgba(0,0,0,0.2)}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.dark .blog-nav{color:#fff}html:not(.dark) .blog-nav{color:#000}html:not(.dark) .blog-nav:hover{background-color:rgba(0,0,0,0.125)}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-author-container{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%)}.blog-author-container{border-bottom:1px solid #a78bfa !important;background:linear-gradient(135deg,#fff 0,#eee 100%)}.blog-post-card-wrapper{padding:2rem;border:1px solid #855ff6;border-radius:0;box-shadow:10px 7px 0 #855ff6;background:linear-gradient(135deg,#fff 0,#eee 100%);position:relative;top:0;transition:.35s ease}.blog-post-card-wrapper:hover{top:-10px;box-shadow:10px 17px #855ff6}.dark .blog-post-card-wrapper{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%)}.blog-body{fo background:linear-gradient(135deg,#fff 0,#ddd 100%) !important}.dark .blog-body{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-1nu6jrm{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.blog-subscription-form-input{background:transparent !important;border:1px solid #855ff6 !important}.blog-subscription-form-button{background-color:#855ff6 !important;color:#fff !important;transition:.3s ease-in-out !important}.blog-subscription-form-button:hover{background-color:#744ee5 !important}.css-1xdlsmg{border-color:#855ff6 !important}.css-1v71s9u{color:#855ff6 !important}.css-1v71s9u:hover{background-color:rgba(133,95,246,.125) !important}","postMin":".dark .blog-header,:is(.dark .dark\\:bg-slate-950){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}:is(.dark .dark\\:bg-\\[linear-gradient\\(180deg\\2c _\\#10182b00_65\\.93\\%\\2c _\\#10182B_86\\%\\)\\]){background-image:linear-gradient(180deg,#00000000 65.93%,#00000055 86%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}:is(.dark .dark\\:bg-slate-900){background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#000}.dark .blog-nav,.dark .blog-nav-active{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-article-page{background-color:#1e1e1e !important}.blog-post-detail-card{padding-bottom:0 !important}.blog-content-main{background:rgba(255,255,255,0.7);border-radius:0;padding:40px !important;margin-top:40px;margin-right:40px;border-radius:8px;border:1px solid #ccc}.dark .blog-content-main{background:rgba(25,25,25,0.7);border:1px solid #333}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3{color:#855ff6 !important;font-weight:700 !important;letter-spacing:1px !important}.blog-content-main p{font-weight:100 !important}.css-xvvbvv{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.css-1s4b5hj{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%)}.blog-subscription-form-button{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important}.dark .blog-subscription-form-message{color:white !important}.css-14lmbqe{color:#855ff6 !important}.css-gz01ch,.dark .css-gz01ch{background-color:#855ff6 !important;color:#fff !important}html{scroll-behavior:smooth !important}.dark .css-1i9mn82{background-color:rgba(25,25,25,1) !important}audio::-webkit-media-controls-panel{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%);color:white !important}.css-7kdauc{background:#f1f1f1 !important;color:#000 !important}.dark .css-7kdauc{background:rgba(25,25,25,0.7) !important;color:#fff !important}.css-a7z9ft{color:#000 !important}.dark .css-a7z9ft{color:#fff !important}.css-1kttq0i{background:rgba(255,255,255,0.7);border-radius:0 !important;border:none !important;margin-bottom:10vh !important;border-radius:8px !important;border:1px solid #ccc !important}.dark .css-1kttq0i{background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.css-fm96g6{background:#855ff6 !important}.dark code{background-color:rgba(255,255,255,.1) !important}.dark h2 code{color:#855ff6 !important}.css-1tucp93{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-1tucp93:hover{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;opacity:.75}.dark .css-h2tgbz{background-color:#333 !important}.css-63nn3l,.css-1bfcdnr{color:#855ff6 !important}.css-15j5ktl{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-15j5ktl:hover{opacity:.75}@media(min-width:768px){.css-aiitj2{width:80% !important}}","staticMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .css-1jyyrtb{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.dark .css-1wpdmgh{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-m5glgu{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important;transition:opacity .3s ease-in-out !important}.css-m5glgu:hover{opacity:.75 !important}.css-1ajtyzd>button:last-of-type{color:#855ff6 !important}.css-1ajtyzd>button:first-of-type{background-color:#855ff6 !important;color:#fff !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}"},"umamiWebsiteUUID":"5f5fc7a4-ab26-4191-ad40-babcef7e3670","umamiDataImported":true,"darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646636337047/0CUtEUFkc.png","sponsorship":{"content":"

Hi there!

Let me introduce myself, my name is Blake Yeboah.

I am a self taught Front End Developer based in Brisbane, Australia.

I run a blog here on Hashnode that shares useful and help knowledge across all aspects of web development.

I love being able to help people who read my articles and spread my knowledge with the ever-growing developer community.

Any contributions would be greatly appreciated to help me keep writing content.

\n","contentMarkdown":"Hi there!\n\nLet me introduce myself, my name is Blake Yeboah.\n\nI am a self taught Front End Developer based in Brisbane, Australia.\n\nI run a blog here on Hashnode that shares useful and help knowledge across all aspects of web development.\n\nI love being able to help people who read my articles and spread my knowledge with the ever-growing developer community.\n\nAny contributions would be greatly appreciated to help me keep writing content."},"updatedAt":"2024-05-01T08:31:26.063Z","createdAt":"2021-11-29T14:09:40.000Z","wwwPrefixedDomainStatus":{"certIssued":false,"ready":false,"status":"FAILED"},"isTeam":true}},{"_id":"66373b52d8711715a52f8f5d","views":18,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":0,"isPinnedToBlog":false,"title":"Useful Web APIs For Your Next Project","cuid":"clvt8mdo000020ajwgd9uedkz","dateAdded":"2024-05-05T07:54:58.609Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"useful-web-apis-for-your-next-project","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714544954472/ee083ec7-1642-4769-a373-683ad448ff50.jpeg","brief":"There are plenty of native web APIs that have a variety of uses.\nHere are 5 useful APIs that I use quite often in my web development projects.\nClipboard API\nThe clipboard API is a simple method to copy text to a user's clipboard.\nThis can be used in ...","author":"61a4de222be89f3d0ab9fddb","readTime":3,"tags":["56744722958ef13879b94f1b","56744723958ef13879b95245","56744721958ef13879b94cad"],"publication":{"_id":"61a4df242be89f3d0ab9fdf1","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":false,"rssIntegration":false,"magazineLayout":false},"views":{"today":1,"thisWeek":40,"lastWeek":86,"thisMonth":155,"allTime":15378},"stripe":{},"numFollowers":0,"badgePageEnabled":true,"newsletterEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":22,"1712102400":20,"1712188800":14,"1712275200":12,"1712361600":10,"1712448000":3,"1712534400":10,"1712620800":9,"1712707200":23,"1712793600":26,"1712880000":9,"1712966400":20,"1713052800":4,"1713139200":14,"1713225600":15,"1713312000":9,"1713398400":15,"1713484800":14,"1713571200":7,"1713657600":7,"1713744000":18,"1713830400":13,"1713916800":12,"1714003200":9,"1714089600":20,"1714176000":31,"1714262400":8,"1714348800":24,"1714435200":21,"1714521600":19},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":false,"author":"61a4de222be89f3d0ab9fddb","isActive":true,"username":"blakeyeboah","domain":"blog.blakeyeboah.com","urlPattern":"simple","title":"Blake Yeboah's Blog","links":{"twitter":"https://twitter.com/BlakeYeboah","instagram":"https://www.instagram.com/blake_yeboah/","github":"https://github.com/Blake-K-Yeboah","website":"https://www.blakeyeboah.com/","hashnode":"https://hashnode.com/@BlakeYeboah","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/blake-yeboah/"},"domainStatus":{"certIssued":true,"ready":true,"status":"VERIFIED","verifiedAt":"2024-10-02T19:30:52.586Z"},"domainUpdatedOn":"2024-10-02T19:30:52.586Z","customRules":[],"menu":[{"priority":2,"_id":"62d7c3d0ca829b4aca565a46","type":"link","label":"Sponsor","url":"https://blog.blakeyeboah.com/sponsor"},{"priority":1,"_id":"6225a895c705276a2dd2f55f","type":"link","label":"Portfolio","url":"https://www.blakeyeboah.com/"},{"priority":0,"_id":"61e27e15d546507ab0344033","type":"link","label":"Socials","url":"https://linktr.ee/blakeyeboah"}],"__v":0,"imprint":"","imprintMarkdown":"","meta":"I write articles about React, JavaScript & Web Development to make your learning journey easier 😀","metaHTML":"

I write articles about React, JavaScript & Web Development to make your learning journey easier 😀

Hi there!

Let me introduce myself, my name is Blake Yeboah.

I am a self taught Front End Developer based in Brisbane, Australia.

I run a blog here on Hashnode that shares useful and help knowledge across all aspects of web development.

I love being able to help people who read my articles and spread my knowledge with the ever-growing developer community.

Any contributions would be greatly appreciated to help me keep writing content.

Members (1)

Blake Yeboah