{"publication":{"id":"5f5f88cc93fd9275f04d3a5f","hashnodeURL":"https://favouritejome.hashnode.dev","url":"https://favouritejome.hashnode.dev","canonicalURL":"https://favouritejome.hashnode.dev","title":"Favourite's Blog","displayTitle":"Favourite Jome Blog","descriptionSEO":"Sharing what I think I know about my Web Development Journey, learning new things and looking forward to learning more!","username":"favouritejome","about":{"html":"

Favourite Jome is a Front-End Developer who likes sharing what he is learning or have learnt and learning new things.

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1606171991737/N4uPjIOlq.png","__typename":"OpenGraphMetaData"},"author":{"id":"5f133dd0a1826244e3d83237","name":"Favourite Jome","username":"Favourite","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1602793591684/QAOEx8Ug8.png","__typename":"User"},"preferences":{"logo":"","darkMode":{"logo":null,"enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":null,"homeMin":"","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"604632ced0457f4d5c5835bb","label":"About Me","url":"https://favouritejome.hashnode.dev/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604632ced0457f4d5c5835bc","label":"Series","url":"https://favouritejome.hashnode.dev/series","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":null,"homeMin":"","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1678359020370/AGPPFgm1k.jpg","headerColor":"#fcbe21","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"postsCount":33,"impressum":"

Thank you for taking the time to go through my blog!

It would be great to connect with you on

See you next time 🤩

\n","isTeam":false,"links":{"twitter":"https://twitter.com/FavouriteJome1","instagram":"","github":"https://github.com/jomefavourite","website":"https://jomefavourite.github.io/portfolio/","hashnode":"https://hashnode.com/@Favourite","youtube":"https://www.youtube.com/@favouritejome","dailydev":"https://app.daily.dev/Favourite","linkedin":"https://www.linkedin.com/in/favourite-jome-677766184/","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"","certIssued":null,"ready":null,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"61a7842d4b0b9223386b93a4","name":"Let's Build Something Cool","coverImage":"","slug":"lets-build-something-cool","description":"In this series, we'll build something cool together, learning new things and playing around.\n","cuid":"ckwnm6o5809uuygs17zbhcyti","author":{"id":"5f133dd0a1826244e3d83237","name":"Favourite Jome","username":"Favourite","__typename":"User"},"posts":{"edges":[{"node":{"id":"608305bdfea38e52a9c5ac22","title":"Let's build a game using JavaScript","slug":"lets-build-a-game-using-javascript","publishDate":"2021-04-23T17:37:01.826Z","cuid":"cknulj2510dblbts16lnyetsu","url":"https://favouritejome.hashnode.dev/lets-build-a-game-using-javascript","subtitle":"Rock, Paper, Scissors game built with Vanilla JavaScript","brief":"Hello 👋, In this article, I'll share how I built my first game written in Javascript and my thought process in making the game. Hope you'll follow along and learn something new. Okay then, let's go over the rules of the game for us to understand the...","readTimeInMinutes":16,"views":1458,"author":{"id":"5f133dd0a1826244e3d83237","username":"Favourite","name":"Favourite Jome","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","followersCount":167,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619198242570/il5yuSWgy.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"608305bdfea38e52a9c5ac22_2021-04-23T17:37:01.826Z","__typename":"PostEdge"},{"node":{"id":"609508b0a7a3827bb64cf393","title":"Let's build a Custom Search Filter using JavaScript","slug":"lets-build-a-custom-search-filter-using-javascript","publishDate":"2021-05-07T09:30:24.947Z","cuid":"ckoe4b70b0g24fqs11fq50ur4","url":"https://favouritejome.hashnode.dev/lets-build-a-custom-search-filter-using-javascript","subtitle":"Search and filter a list of data using JS","brief":"A while back, I had to build a search filtering functionality for a class project I was working on which took a while to figure out so, in this article, we'll build it together. It simply filters a list of data/information. For this article, the list...","readTimeInMinutes":6,"views":1084,"author":{"id":"5f133dd0a1826244e3d83237","username":"Favourite","name":"Favourite Jome","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","followersCount":167,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1620379784275/72z-o_2Gx.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"609508b0a7a3827bb64cf393_2021-05-07T09:30:24.947Z","__typename":"PostEdge"},{"node":{"id":"60f814c5410a0224b5d50f7e","title":"Let's build a Rich Text Editor using CKEditor5","slug":"lets-build-a-rich-text-editor-using-ckeditor5","publishDate":"2021-07-21T12:36:21.071Z","cuid":"ckrdgz74g0c6891s1f5v5446j","url":"https://favouritejome.hashnode.dev/lets-build-a-rich-text-editor-using-ckeditor5","subtitle":"","brief":"Have you ever wondered how you're able to interact with the Google Docs application on the web and type in a bunch of text, add images and links and so on, well I have!\nSo in this article, we'll create a simple rich text editor, which allows you to t...","readTimeInMinutes":7,"views":1321,"author":{"id":"5f133dd0a1826244e3d83237","username":"Favourite","name":"Favourite Jome","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","followersCount":167,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627804307073/FXlcDa6vn.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60f814c5410a0224b5d50f7e_2021-07-21T12:36:21.071Z","__typename":"PostEdge"},{"node":{"id":"61ab8ca1a375fb2266f3ce93","title":"Let's build Windows 11 dropdown menu using Radix Primitives","slug":"lets-build-windows-11-dropdown-menu-using-radix-primitives","publishDate":"2021-12-04T15:43:29.349Z","cuid":"ckwrzjplu03qpsms1aglh341r","url":"https://favouritejome.hashnode.dev/lets-build-windows-11-dropdown-menu-using-radix-primitives","subtitle":"Using Radix to build a fully-accessible dropdown menu","brief":"Hello there, and welcome back to the Let's Build something cool series. In this article, we'll build the Windows 11 dropdown that's displayed on the desktop. Here's a preview:\nhttps://codesandbox.io/embed/charming-kepler-c5ejj?fontsize=14&hidenavigat...","readTimeInMinutes":6,"views":1097,"author":{"id":"5f133dd0a1826244e3d83237","username":"Favourite","name":"Favourite Jome","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","followersCount":167,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638629807118/H6FjLekfy.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61ab8ca1a375fb2266f3ce93_2021-12-04T15:43:29.349Z","__typename":"PostEdge"},{"node":{"id":"63c891eec5e5d3e956c7f2a1","title":"Let's build a Calculator App (React Native)","slug":"lets-build-a-calculator-app-react-native","publishDate":"2023-01-19T00:42:22.171Z","cuid":"cld2dbyvu000008jq2jzc3mvg","url":"https://favouritejome.hashnode.dev/lets-build-a-calculator-app-react-native","subtitle":null,"brief":"Welcome back to the Let's build Something Cool series, where we build cool things, at least from my perspective 😊, but really it's a series where we go in-depth about the cool things I build, but then we get to build it together.\nIn this article, we...","readTimeInMinutes":16,"views":383,"author":{"id":"5f133dd0a1826244e3d83237","username":"Favourite","name":"Favourite Jome","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655465751910/EBDNBsUVX.jpg","followersCount":167,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674088659651/a915469f-8fd4-40a5-92c9-3f1f1ffc45d4.gif","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63c891eec5e5d3e956c7f2a1_2023-01-19T00:42:22.171Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"63c891eec5e5d3e956c7f2a1_2023-01-19T00:42:22.171Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"608305bdfea38e52a9c5ac22_2021-04-23T17:37:01.826Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}