Franklin Ohaegbulam Blog

{"publication":{"id":"5fb124cf03f7294d0e3a83d5","hashnodeURL":"https://frankiefab.hashnode.dev","url":"https://frankiefab.hashnode.dev","canonicalURL":"https://frankiefab.hashnode.dev","title":"Franklin Ohaegbulam","displayTitle":"Frankiefab's Insights","descriptionSEO":"A tech blog by Franklin Ohaegbulam that features how-to guides, tips, resources, and tutorials on frontend development, visual & UI/UX design, web3, and blockchain technology.","username":"frankiefab","about":{"html":"

Frontend/UI Engineer | Visual Designer | Developer Advocate

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662642227576/Q_4cN54ER.png","__typename":"OpenGraphMetaData"},"author":{"id":"5fb1245f03f7294d0e3a83cc","name":"Franklin Ohaegbulam","username":"frankiefab100","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1605445083518/NkE6XuVce.jpeg","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875873684/Areokpngt.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875887873/YFslNxiYO.png","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"63bf501c98bf52f9c9082396","label":"Tutorials","url":"https://frankiefab.hashnode.dev/series/tutorials","priority":5,"type":"series","series":{"id":"631e4cf0f73f4734bc058bf9","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4f9d98bf52f9c9082365","label":"Web3","url":"https://frankiefab.hashnode.dev/series/blockchain","priority":3,"type":"series","series":{"id":"631e4db03e8d6f3497ad7940","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4e10a54681f9eea7550f","label":"Open Source","url":"https://frankiefab.hashnode.dev/series/open-source","priority":2,"type":"series","series":{"id":"63bd854155c009e411585b63","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf520898bf52f9c9082407","label":"Resources/Tips","url":"https://frankiefab.hashnode.dev/series/resources","priority":2,"type":"series","series":{"id":"631e4e96f73f4734bc058c5f","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4ff098bf52f9c908238e","label":"About","url":"https://frankiefab.hashnode.dev/about","priority":1,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"63bf4fe5a54681f9eea75562","label":"Calendly","url":"https://calendly.com/frankiefab","priority":0,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"layout":"stacked","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875899341/iLjH5rbqW.png","headerColor":"#227aba","metaTags":"\n \n Franklin Ohaegbulam Blog\n \n\n\n\n\n \n \n \n \n \n\n \n \n \n \n \n \n\n \n ","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"postsCount":24,"impressum":"

Web3 Socials Linktree | \nWant to support? Buy Me A Coffee | Donate MATIC

\n","isTeam":false,"links":{"twitter":"https://twitter.com/frankiefab100","instagram":"https://www.instagram.com/frankiefab100","github":"https://github.com/frankiefab100","website":"https://www.frankiefab.com","hashnode":"https://hashnode.com/@frankiefab100","youtube":"","dailydev":"https://app.daily.dev/frankiefab100","linkedin":"https://linkedin.com/in/frankiefab100","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"","certIssued":false,"ready":false,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"631e4cf0f73f4734bc058bf9","name":"Tutorials","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673550585768/EgkoLbk64.jpg","slug":"tutorials","description":"How-to guides and tutorials on Frontend web development using HTML, CSS, JavaScript, React.js, or Next.js.\n","cuid":"cl7xtok5s0g4yx9nvg8g796v7","author":{"id":"5fb1245f03f7294d0e3a83cc","name":"Franklin Ohaegbulam","username":"frankiefab100","__typename":"User"},"posts":{"edges":[{"node":{"id":"63d260299cf1069a453cc22d","title":"Building a Temperature Converter App using HTML, CSS, and JavaScript","slug":"building-a-temperature-converter-app-using-html-css-and-javascript","publishDate":"2023-01-26T11:12:41.683Z","cuid":"cldczxj9v00060amibwrf6m0q","url":"https://frankiefab.hashnode.dev/building-a-temperature-converter-app-using-html-css-and-javascript","subtitle":"How to build a temperature converter app using HTML, CSS, and JavaScript","brief":"A temperature converter is a tool used to convert temperatures, to and from Celsius, Fahrenheit, and Kelvin.\nIn this article, we will learn how to build a temperature converter application using HTML, CSS, and JavaScript. Here’s a screenshot of what ...","readTimeInMinutes":5,"views":173,"author":{"id":"5fb1245f03f7294d0e3a83cc","username":"frankiefab100","name":"Franklin Ohaegbulam","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","followersCount":60,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674731240742/891fe2c0-5f04-40ee-87cd-3c8411486f02.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63d260299cf1069a453cc22d_2023-01-26T11:12:41.683Z","__typename":"PostEdge"},{"node":{"id":"63bfe152a54681f9eea766ac","title":"How to Build a Tip Calculator With HTML, CSS and JavaScript","slug":"how-to-build-a-tip-calculator-with-html-css-and-javascript","publishDate":"2023-01-12T10:30:42.117Z","cuid":"clcsy9lv106ilugnvc31sad5f","url":"https://frankiefab.hashnode.dev/how-to-build-a-tip-calculator-with-html-css-and-javascript","subtitle":"Build a simple tip calculator using HTML, CSS and vanilla Javascript","brief":"A tip calculator is a tool used to calculate the tip for a meal, bar tab, or service gratuity in a restaurant. It also allows one to calculate the tip amount split between a given number of people once the bill and the tip percentage are entered.\nIn ...","readTimeInMinutes":6,"views":202,"author":{"id":"5fb1245f03f7294d0e3a83cc","username":"frankiefab100","name":"Franklin Ohaegbulam","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","followersCount":60,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673498174615/a9ff29fc-a3b2-400e-b159-8f1200085c44.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63bfe152a54681f9eea766ac_2023-01-12T10:30:42.117Z","__typename":"PostEdge"},{"node":{"id":"6300dca874730d13020f22ec","title":"How To Build a Star Rating Using useState Hook","slug":"how-to-build-a-star-rating-using-usestate-hook","publishDate":"2022-08-20T13:07:52.334Z","cuid":"cl71x17rn02r5p0nvaqsu1bnw","url":"https://frankiefab.hashnode.dev/how-to-build-a-star-rating-using-usestate-hook","subtitle":"Learn how to create a star rating widget using the useState hook in React","brief":"Have you ever wondered how star ratings commonly seen on e-commerce websites or app stores are created? \nThousands of reviews are received every day, and many products and services across the web aren't complete without a star rating for receiving cu...","readTimeInMinutes":6,"views":410,"author":{"id":"5fb1245f03f7294d0e3a83cc","username":"frankiefab100","name":"Franklin Ohaegbulam","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","followersCount":60,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660995987529/ul1avPd94.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"6300dca874730d13020f22ec_2022-08-20T13:07:52.334Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"6300dca874730d13020f22ec_2022-08-20T13:07:52.334Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"63d260299cf1069a453cc22d_2023-01-26T11:12:41.683Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}