{"publication":{"id":"5f4d369be4e2417295cc5461","hashnodeURL":"https://unclebigbay.com","url":"https://unclebigbay.com","canonicalURL":"https://unclebigbay.com","title":"Unclebigbay's 🚀 Blog","displayTitle":null,"descriptionSEO":"Customer Success Engineer @Hashnode\n﹒AMA about using Hashnode\n﹒Developer Advocado 🥑 \n﹒Software Developer👲 \n﹒Web3 Technical Writer ✍ \n﹒Content Creator 👨‍🏫\n","username":"unclebigbay","about":{"html":"

Customer Success Engineer @Hashnode

﹒AMA about using Hashnode

﹒Developer Advocado 🥑

﹒Software Developer👲

﹒Web3 Technical Writer ✍

﹒Content Creator 👨‍🏫

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625657307309/xc2sIqrug.jpeg","__typename":"User"},"preferences":{"logo":"","darkMode":{"logo":"","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"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}","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}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"61ac6b60a375fb2266f3dd57","label":"React","url":"https://unclebigbay.com/series/reactjs","priority":5,"type":"series","series":{"id":"61ac668ba375fb2266f3dcf0","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c72b6bca85a26d3ddaf","label":"Tutorials","url":"https://unclebigbay.com/series/tutorials","priority":4,"type":"series","series":{"id":"61ac6b32a375fb2266f3dd4c","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ca3a375fb2266f3dd70","label":"Projects","url":"https://unclebigbay.com/series/projects","priority":3,"type":"series","series":{"id":"61ac6c12b6bca85a26d3dda5","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ad3b6bca85a26d3dd90","label":"Challenge","url":"https://unclebigbay.com/series/design-and-code-challenge","priority":2,"type":"series","series":{"id":"60cede6e37952431a17131e1","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c6aa375fb2266f3dd6a","label":"My Projects","url":"https://unclebigbay.com/series/work-review-and-feedback","priority":2,"type":"series","series":{"id":"608739c4c126f30b01abe235","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"630729740e45d758b7f821af","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"61ac6ab2a375fb2266f3dd41","label":"About Me","url":"https://unclebigbay.com/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"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}","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}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675361557250/i3TYEeaNm.jpeg","headerColor":"","metaTags":"\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"3219990","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-T05598BSQN","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","__typename":"PublicationIntegrations"},"postsCount":94,"impressum":"

Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on:

Twitter
LinkedIn

\n","isTeam":false,"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/@unclebigbay","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay","mastodon":"https://techhub.social/@unclebigbay","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":"www.unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"60cede6e37952431a17131e1","name":"Design and Code Challenge","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624171091804/6xCnT5wig.png","slug":"design-and-code-challenge","description":"This series is to document web designs and JavaScript challenge from the unclebigbay and friend's community.\n","cuid":"ckq4sxtov0pewsxs187vv4vop","author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","__typename":"User"},"posts":{"edges":[{"node":{"id":"61685e0353401f641ba16faa","title":"Urgent 2k for JavaScript Developers","slug":"urgent-2k-for-javascript-developers","publishDate":"2021-10-14T16:42:43.776Z","cuid":"ckur67g1p1dmnrvs1dchx55mr","url":"https://unclebigbay.com/urgent-2k-for-javascript-developers","subtitle":"Solve this challenge and win 2k","brief":"Hello there👋, you're welcome.\nIf you're a JavaScript developer and you can receive naira, a friend of mine Isaac Adeshewa Faith , has asked me to give you #1, 500, and I'll add another #500 to make it #2, 000.\nBut! In giveaways, there is always a bu...","readTimeInMinutes":2,"views":721,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634229150788/BntPTagwH.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61685e0353401f641ba16faa_2021-10-14T16:42:43.776Z","__typename":"PostEdge"},{"node":{"id":"60e669e8c32fbd1b73720633","title":"Team Todo List Functionality - Challenge 12","slug":"team-todo-list-functionality-challenge-12","publishDate":"2021-07-08T02:58:48.166Z","cuid":"ckqubmdyj03d4f7s1bryp1zbv","url":"https://unclebigbay.com/team-todo-list-functionality-challenge-12","subtitle":"Work with a team to build a functional todo list","brief":"Now that you have completed the Challenge 11 Task, now it is time to work on a team to add functionalities to the Todo List interface 💃.\nWhat you will learn from partaking in this challenge\n\nExperience Teamwork\nPutting version control into work\nWor...","readTimeInMinutes":2,"views":295,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625712878393/JYrObtGM1.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60e669e8c32fbd1b73720633_2021-07-08T02:58:48.166Z","__typename":"PostEdge"},{"node":{"id":"60e662b8d534931b99a4f865","title":"Design a Todo List Interface -Challenge 11","slug":"design-a-todo-list-interface-challenge-11","publishDate":"2021-07-08T02:28:08.196Z","cuid":"ckquaiy8t039rg9s14zed7w5i","url":"https://unclebigbay.com/design-a-todo-list-interface-challenge-11","subtitle":"","brief":"Hello my beautiful friends on the internet, today we are going to design the Todo List UI from the image below 👇\n\n\n\nColors 👇\n\n color-1: #AF7EEB;\n color-2: #E3E9FF;\n color-3: #9FA6C2;\n color-4: #FFFFFF;\nMode of submission:\nWhen you have completed th...","readTimeInMinutes":1,"views":273,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625711218386/MgrV1unV3.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60e662b8d534931b99a4f865_2021-07-08T02:28:08.196Z","__typename":"PostEdge"},{"node":{"id":"60deb9e24f8e376422a74caf","title":"Unclebigbay and Friends so Far","slug":"unclebigbay-and-friends-so-far","publishDate":"2021-07-02T07:01:54.012Z","cuid":"ckqlznwh900ebs2s1a07b6qg8","url":"https://unclebigbay.com/unclebigbay-and-friends-so-far","subtitle":"","brief":"Hello my gorgeous friends on the internet, how are you doing today? 😍\nToday's challenge makes it the 10th task of the Unclebigbay and Friends series 💃.\n\nWhat do you mean?\n Unclebigbay and Friends is a community of developers who come together ...","readTimeInMinutes":4,"views":399,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625155084032/4yY8tQYyz.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60deb9e24f8e376422a74caf_2021-07-02T07:01:54.012Z","__typename":"PostEdge"},{"node":{"id":"60deb90303707d644a4fdb80","title":"Open Source Profile Contribution -Challenge 10","slug":"open-source-profile-contribution-challenge-10","publishDate":"2021-07-02T06:58:11.994Z","cuid":"ckqlzj57y00eet6s171bhc17d","url":"https://unclebigbay.com/open-source-profile-contribution-challenge-10","subtitle":"Guide to completing a pull request","brief":"Hello my beautiful friends on the internet, today we are doing something entirely different from what we have been doing before because it's open-source time 💃.\nFor the past few weeks, we have been engaging in individual tasks, and now it's time to...","readTimeInMinutes":7,"views":749,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625208920927/RYUSfUu9D.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60deb90303707d644a4fdb80_2021-07-02T06:58:11.994Z","__typename":"PostEdge"},{"node":{"id":"60dbf9c37ad49f6471acce5f","title":"Design a Checkout Form -Challenge 9","slug":"design-a-checkout-form-challenge-9","publishDate":"2021-06-30T04:57:39.960Z","cuid":"ckqj0cfke03wcu9s12tir7arv","url":"https://unclebigbay.com/design-a-checkout-form-challenge-9","subtitle":"","brief":"Hello gorgeous friends 👋, welcome to the 9th challenge of the unclebigbay and friends series, the task for this challenge is to design theCheckout form from the image below.\n\n\n\nColors 👇\n\n color-1: #427EFB;\n color-2: #F7FBFF;\n color-3: #8D8088;\n col...","readTimeInMinutes":1,"views":198,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2024,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625029026469/SVTw7Cki_.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60dbf9c37ad49f6471acce5f_2021-06-30T04:57:39.960Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"60dbf9c37ad49f6471acce5f_2021-06-30T04:57:39.960Z","hasNextPage":true,"hasPreviousPage":true,"startCursor":"61685e0353401f641ba16faa_2021-10-14T16:42:43.776Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Macintosh