{"_id":"5f4d369be4e2417295cc5461","betaFeatures":{"newsletter":false,"embeds":false,"payments":true},"views":{"today":632,"thisWeek":2597,"lastWeek":2699,"allTime":92993,"thisMonth":10683},"badgePageEnabled":true,"newsletterEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1658102400":319,"1658188800":373,"1658275200":356,"1658361600":353,"1658448000":346,"1658534400":281,"1658620800":272,"1658707200":328,"1658793600":325,"1658880000":330,"1658966400":404,"1659052800":411,"1659139200":269,"1659225600":296,"1659312000":320,"1659398400":351,"1659484800":419,"1659571200":364,"1659657600":361,"1659744000":231,"1659830400":261,"1659916800":367,"1660003200":354,"1660089600":395,"1660176000":366,"1660262400":362,"1660348800":305,"1660435200":278,"1660521600":283,"1660608000":371,"1660694400":390,"1660780800":242},"author":{"_id":"5f4d36745cde85738158c193","socialMedia":{"twitter":"https://twitter.com/unclebigbay143","github":"https://github.com/unclebay143","stackoverflow":"https://stackoverflow.com/users/7953084/unclebay143","facebook":"https://facebook.com/unclebigbay/","website":"https://ayodelesamueladebayo.netlify.app/","linkedin":"https://www.linkedin.com/in/unclebigbay"},"location":"Bida, Niger State, Nigeria","isDeactivated":false,"numFollowers":596,"numFollowing":266,"storiesCreated":[],"totalUpvotesReceived":0,"isEvangelist":false,"isAmbassador":true,"hasGoldRing":true,"name":"Ayodele Samuel Adebayo","username":"unclebigbay","tagline":"Technical Writer, Freelance Frontend Developer","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621832863705/DIYmdZvOX.jpeg","dateJoined":"2020-08-31T17:42:12.950Z","publicationDomain":"unclebigbay.com","numReactions":8310,"numPosts":91,"bio":"

Hi 🙋‍♂️, Now that you're here, let's learn something 👆 and don't forget to connect 👇.

\n","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625657307309/xc2sIqrug.jpeg","numSeries":5},"isActive":true,"username":"unclebigbay","domain":"unclebigbay.com","urlPattern":"simple","title":"Unclebigbay's 🚀 Blog","links":{"twitter":"https://twitter.com/unclebigbay143","instagram":"https://instagram.com/unclebigbay","github":"https://github.com/unclebay143","website":"https://unclebigbay.dev","hashnode":"https://hashnode.com/@Unclebigbay","youtube":"https://www.youtube.com/channel/UCM5Tpng4GYsiIySOejdgUlQ","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay"},"__v":0,"hasBadges":true,"darkModeEnabled":true,"headerColor":"","layout":"magazine","viewCountVisible":false,"imprint":"

Hi 🙋‍♂️, I am glad you made it to my blog, I would like to connect with you, I am active on

Twitter
LinkedIn

\n","imprintMarkdown":"Hi 🙋‍♂️, I am glad you made it to my blog, I would like to connect with you, I am active on\n\n- [Twitter](https://www.twitter.com/unclebigbay143)\n- [LinkedIn](https://www.linkedin.com/in/unclebigbay)","meta":"Customer Success Engineer @Hashnode﹒AMA about using Hashnode\n\n﹒Developer Advocado 🥑 \n\n﹒Software Developer👲 \n\n﹒Web3 Technical Writer ✍ \n\n﹒Content Creator 👨‍🏫","metaHTML":"

Customer Success Engineer @Hashnode﹒AMA about using Hashnode

﹒Developer Advocado 🥑

﹒Software Developer👲

﹒Web3 Technical Writer ✍

﹒Content Creator 👨‍🏫

\n","menu":[{"priority":5,"_id":"61ac6b60a375fb2266f3dd57","type":"series","label":"React","series":{"_id":"61ac668ba375fb2266f3dcf0","cuid":"ckwswrefb08t1sms19te40v3t","slug":"reactjs"}},{"priority":4,"_id":"61ac6c72b6bca85a26d3ddaf","type":"series","label":"Tutorials","series":{"_id":"61ac6b32a375fb2266f3dd4c","cuid":"ckwsxgxlb08yhsms12o8n32hi","slug":"tutorials"}},{"priority":3,"_id":"61ac6ca3a375fb2266f3dd70","type":"series","label":"Projects","series":{"_id":"61ac6c12b6bca85a26d3dda5","cuid":"ckwsxlps1071qt2s11d61ahja","slug":"projects"}},{"priority":2,"_id":"61ac6ad3b6bca85a26d3dd90","type":"series","label":"Challenge","series":{"_id":"60cede6e37952431a17131e1","cuid":"ckq4sxtov0pewsxs187vv4vop","slug":"design-and-code-challenge"}},{"priority":2,"_id":"61ac6c6aa375fb2266f3dd6a","type":"series","label":"My Projects","series":{"_id":"608739c4c126f30b01abe235","cuid":"cknz5j67r00g769s1dc0w8ar8","slug":"work-review-and-feedback"}},{"priority":1,"_id":"61ac6a6fa375fb2266f3dd2f","type":"link","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay"},{"priority":0,"_id":"61ac6ab2a375fb2266f3dd41","type":"page","label":"About Me","page":{"_id":"60ac900061f5f47b572b717b","isHidden":false,"priority":0,"title":"About","endpoint":"about"}}],"audioBlogEnabled":true,"customCSSDraft":{"home":".blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, blog-nav{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n /*background: #FDD162;*/\n background: #FFFFFF;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\n.blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n\n.blog-post-card-title{\n color: #900c3f;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n /*background: #FDD162;*/\n background: #FFFFFF;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\nnav a, blog-nav{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n background: #FFFFFF;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}.blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}"},"customCSSEnabled":false,"customCSSPublished":{"home":".blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, blog-nav{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n /*background: #FDD162;*/\n background: #FFFFFF;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\n.blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n\n.blog-post-card-title{\n color: #900c3f;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n /*background: #FDD162;*/\n background: #FFFFFF;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF;\n}\n\nnav a, blog-nav{\n color: #FFFFFF;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333;\n background: #FFFFFF;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}.blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}"},"domainStatus":{"certIssued":true,"ready":true},"isEligibleFor2021EoyReview":true,"pageViews2021":41795,"fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"UA-219913348-1","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","umamiWebsiteUUID":"36a6a165-db09-4f2a-a110-9a770155735f","umamiDataImported":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1647947833912/6cotRGMMY.jpeg","wwwPrefixedDomain":"www.unclebigbay.com","wwwPrefixedDomainStatus":{"certIssued":true,"ready":true},"darkModeLogo":"","logo":"","domainUpdatedOn":"2022-08-03T15:35:18.735Z","blockBackupAllButton":false,"metaHTMLSanitized":"Customer Success Engineer @Hashnode﹒AMA about using Hashnode\n﹒Developer Advocado 🥑 \n﹒Software Developer👲 \n﹒Web3 Technical Writer ✍ \n﹒Content Creator 👨‍🏫\n","numPosts":90}

Subscribe to my newsletter

Recent articles

How To Get Tomorrow's Date In JavaScript ⏰

How To Create An Hover Underline Animation In CSS

How To Create A Donut Spinner With HTML and CSS