{"tag":{"id":"56744723958ef13879b955a9","name":"Beginner Developers","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607083054200/qEk2BI11Dk.png","slug":"beginners","tagline":"A tag dedicated for content targeting beginner developers on Hashnode","__typename":"Tag"},"publication":{"__typename":"Publication","id":"5ebd7c02acf8911d7951ed49","url":"https://lo-victoria.com","canonicalURL":"https://lo-victoria.com","urlPattern":"SIMPLE","title":"Articles by Victoria Lo","displayTitle":"Blogging and Web Development | Articles by Victoria Lo","hasBadges":true,"descriptionSEO":"Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!","about":{"html":"

Building Communities of Lifelong Learners and...\nJust a nerd who loves building projects and sharing knowledge on this blog.

\n","text":"Building Communities of Lifelong Learners and...\nJust a nerd who loves building projects and sharing knowledge on this blog.\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":false,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":{"__typename":"CustomCSS","homeMinified":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s}@keyframes slideIn{0%{max-height:0}100%{max-height:500px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}.blog-post-card-time{display:none}","postMinified":".font-bold{font-weight:300}.blog-impressum h3{display:none}#frame-add{height:400px !important}","staticMinified":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}"},"draft":{"__typename":"CustomCSS","homeMinified":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s}@keyframes slideIn{0%{max-height:0}100%{max-height:500px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}.blog-post-card-time{display:none}","postMinified":".font-bold{font-weight:300}.blog-impressum h3{display:none}#frame-add{height:400px !important}","staticMinified":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}"},"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg"},"preferences":{"__typename":"Preferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607028151322/9o8_5ImaK.png","darkMode":{"__typename":"DarkModePreferences","logo":null,"enabled":true},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"604810c1c64c63545921cb9e","label":"About","url":"https://lo-victoria.com/about","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5ec9257fa7a2c43b12377bb0"}},{"__typename":"PublicationNavbarItem","id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","type":"series","series":{"__typename":"Series","id":"5f89bf47d7dc0b17a97a22e7"},"page":null},{"__typename":"PublicationNavbarItem","id":"6048111c7f43655434aaf557","label":"Node.js","url":"https://lo-victoria.com/series/nodejs-rest-api","type":"series","series":{"__typename":"Series","id":"5f105d5261fb3d25a2d43052"},"page":null},{"__typename":"PublicationNavbarItem","id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","type":"series","series":{"__typename":"Series","id":"6065c83ffad5042228d35d26"},"page":null},{"__typename":"PublicationNavbarItem","id":"61e0ba86d546507ab03419cf","label":"React Hooks","url":"https://lo-victoria.com/series/a-look-at-react-hooks","type":"series","series":{"__typename":"Series","id":"5fcc9d99f9aad2092499a61b"},"page":null},{"__typename":"PublicationNavbarItem","id":"604813afc64c63545921cbee","label":"Favourites","url":"https://lo-victoria.com/read-more","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f4ea95650b5c61ec6ef49cd"}},{"__typename":"PublicationNavbarItem","id":"609527b7d2b17b7fc35f30b0","label":"Support","url":"https://lo-victoria.com/sponsor","type":"link","series":null,"page":null},{"__typename":"PublicationNavbarItem","id":"614c99f4544e242e0c93f097","label":"DevOps/MLOps","url":"https://lo-victoria.com/devops","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5fcec3143c92041bab27dc08"}},{"__typename":"PublicationNavbarItem","id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","type":"page","series":null,"page":{"__typename":"StaticPage","id":"6007745c094f2b30301de2ef"}},{"__typename":"PublicationNavbarItem","id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f13964ea1826244e3d833ef"}}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":null},"layout":"grid","disableFooterBranding":true,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984904615/AvlfZBL8d.jpg","headerColor":"#e3e3e3","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-YKLG29H9N6","gTagManagerID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","__typename":"PublicationIntegrations"},"imprintV2":{"__typename":"Content","html":"

🎙️ RagTech Podcast | Greenroots Blog | Idris Olubisi

\n"},"postsCount":{"totalDocuments":212,"__typename":"PublicationPostConnection"},"isTeam":false,"links":{"twitter":"https://twitter.com/lo_victoria2666","instagram":"https://www.instagram.com/ragtechdev/","github":"https://github.com/victoria-lo","website":"https://lo-victoria.com/","hashnode":"https://hashnode.com/@victoria","youtube":"https://www.youtube.com/channel/UCGrEsNzKfXjuKDTmpv5nTvg","dailydev":null,"linkedin":"https://www.linkedin.com/in/victoria2666/","mastodon":null,"facebook":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"victoria","domain":{"__typename":"DomainStatus","host":"lo-victoria.com","ready":true},"wwwPrefixedDomain":null},"redirectionRules":[],"totalRecommendedPublications":5,"sponsorship":{"content":{"html":"

Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.

📖 My Story

In 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a \"self-taught\" programmer.

2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field.

So I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...

🎯 An Eternal Mission

Today, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.

My purpose of writing on this blog is simple: to help the community and learn new things every day together.

It's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. Providing great value to others is what I consider as the ultimate and eternal mission of this blog.

🔥 Wow! Still here?

Thank you so much for taking your time to read this long page.

I have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.

If you are willing to support my blog and its mission, please consider sponsoring me or buy me a cup of tea 😇~

Also, please feel free to reach out or connect via Twitter, GitHub or LinkedIn.

If you have any questions, my inbox is always open! Shoot an email anytime!

Stay safe and stay tuned for my next articles! Cheers!

Sincerely, a tea-loving nerd 🍵

\n","markdown":"Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.\n\n## 📖 My Story\nIn 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a \"self-taught\" programmer.\n\n2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field. \n\nSo I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...\n\n## 🎯 An Eternal Mission\nToday, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.\n\nMy purpose of writing on this blog is simple: **to help the community and learn new things every day together.**\n\nIt's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. **Providing great value to others** is what I consider as the ultimate and eternal mission of this blog.\n\n## 🔥 Wow! Still here?\nThank you so much for taking your time to read this long page. \n\nI have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.\n\nIf you are willing to support my blog and its mission, please consider sponsoring me or [buy me a cup of tea](https://www.buymeacoffee.com/victoria2666) 😇~\n\nAlso, please feel free to reach out or connect via [Twitter](https://twitter.com/lo_victoria2666), [GitHub](https://github.com/victoria-lo) or [LinkedIn](https://www.linkedin.com/in/victoria2666/). \n\nIf you have any questions, my inbox is always open! Shoot an [email](mailto:victoria-lo@hotmail.com) anytime!\n\nStay safe and stay tuned for my next articles! Cheers!\n\n\n#### Sincerely, a tea-loving nerd 🍵","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1IlvwTGIJcWC5em3","country":"SG","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"pro":{"hasProAccess":false,"__typename":"PublicationProInfo"},"allowContributorEdits":true,"posts":{"edges":[{"node":{"__typename":"Post","id":"65b3a6d03cf975beac13222f","title":"How to Build a Guestbook Feature with Firestore and Perspective API (Part 2)","slug":"how-to-build-a-guestbook-feature-with-firestore-and-perspective-api-part-2","publishedAt":"2024-01-26T12:34:24.731Z","cuid":"clrumkjtm000d08kx4b437f7z","url":"https://lo-victoria.com/how-to-build-a-guestbook-feature-with-firestore-and-perspective-api-part-2","subtitle":"Personalize your Next.js website with a guestbook feature!\nPart 2: Perspective API implementation","brief":"Welcome back! In this article, I'll guide you through a step-by-step of building a Guestbook feature for your Next.js website.\nIn the previous article, we have covered the following:\n\nSet up Next.js website\n\nSet up Firestore database in Firebase\n\nSet...","readTimeInMinutes":5,"views":144,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1705905236015/a2bb4d81-01be-471b-8593-2b7443d62357.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjViM2E2ZDAzY2Y5NzViZWFjMTMyMjJmXzIwMjQtMDEtMjZUMTI6MzQ6MjQuNzMxWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"64fb0ccd88bd473ec7817c05","title":"An Introduction to Neo4J and Graph Databases","slug":"an-introduction-to-neo4j-and-graph-databases","publishedAt":"2023-09-08T12:00:13.326Z","cuid":"clmajpbm6000208ifg52l5hkb","url":"https://lo-victoria.com/an-introduction-to-neo4j-and-graph-databases","subtitle":"Getting Started with Neo4J and Graph-based Database Systems","brief":"In the world of modern data management, there is a growing demand for efficient and powerful databases to handle complex relationships between data points. Neo4j, a leading graph database, has emerged as a game-changer in this space.\nIn this article,...","readTimeInMinutes":6,"views":408,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694049271583/0541f0b1-4c78-4d64-a917-40b17da8efa5.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjRmYjBjY2Q4OGJkNDczZWM3ODE3YzA1XzIwMjMtMDktMDhUMTI6MDA6MTMuMzI2Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"635289eae482dec443a318b8","title":"A Look at React Hooks: useParams for Dynamic Routing","slug":"a-look-at-react-hooks-useparams-for-dynamic-routing","publishedAt":"2022-10-21T12:00:42.087Z","cuid":"cl9ifxn6c003aeqnv0rl74zev","url":"https://lo-victoria.com/a-look-at-react-hooks-useparams-for-dynamic-routing","subtitle":"A simple way to implement dynamic routing with this useful Hook!","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at a simple application of the useParams Hook.\nBefore reading this article, you should know the following:\n\nBasic knowledge of...","readTimeInMinutes":3,"views":11061,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665807463447/9kVSm1ZOG.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjM1Mjg5ZWFlNDgyZGVjNDQzYTMxOGI4XzIwMjItMTAtMjFUMTI6MDA6NDIuMDg3Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62064eb1a2be760e35393dee","title":"5 Best Side Projects to Build as a Beginner","slug":"5-best-side-projects-to-build-as-a-beginner","publishedAt":"2022-02-11T11:55:29.110Z","cuid":"ckzics9qj07a0t1s13zka6wmz","url":"https://lo-victoria.com/5-best-side-projects-to-build-as-a-beginner","subtitle":"Not sure how to progress in your coding journey as a beginner? Here are some side project ideas you can start building to improve quickly!","brief":"Do you feel that your learning has stagnated as a code newbie? Do you need some beginner-friendly project ideas to improve your skills?\nMany of you have asked me for some side project ideas as a beginner. And no, I don't suggest the usual to-do or we...","readTimeInMinutes":5,"views":13913,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1643688055533/sYd2TSXbq.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjIwNjRlYjFhMmJlNzYwZTM1MzkzZGVlXzIwMjItMDItMTFUMTE6NTU6MjkuMTEwWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"61f3e8fa52c782474274a0e2","title":"A Look at React Hooks: useRef to Scroll to an Element","slug":"a-look-at-react-hooks-useref-to-scroll-to-an-element","publishedAt":"2022-01-28T13:00:42.139Z","cuid":"ckyyey7w70glo2qs11wdogjyv","url":"https://lo-victoria.com/a-look-at-react-hooks-useref-to-scroll-to-an-element","subtitle":"Let's learn a useful application of the useRef Hook! Scrolling to a page element in React has become so much easier with this Hook","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at a simple application of the useRef Hook.\n\nBefore reading this, you should have a basic understanding of the useRef Hook. If...","readTimeInMinutes":6,"views":57698,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642117885090/4ZGk4wnR7.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjFmM2U4ZmE1MmM3ODI0NzQyNzRhMGUyXzIwMjItMDEtMjhUMTM6MDA6NDIuMTM5Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"61bc8f27ef666c58886e8f17","title":"How to Use State Machines in Your Apps","slug":"how-to-use-state-machines-in-your-apps","publishedAt":"2021-12-17T13:22:47.347Z","cuid":"ckxaf8uak09qqhks15slmdyi2","url":"https://lo-victoria.com/how-to-use-state-machines-in-your-apps","subtitle":null,"brief":"What is a state machine?\nA finite state machine is mathematical model of computation, often used to design algorithms. It describes the behaviour of a system, which is defined in one single state at a time from a finite number of possible states.\nFor...","readTimeInMinutes":6,"views":765,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24696},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638536419638/vV6yoIZRk.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjFiYzhmMjdlZjY2NmM1ODg4NmU4ZjE3XzIwMjEtMTItMTdUMTM6MjI6NDcuMzQ3Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjFiYzhmMjdlZjY2NmM1ODg4NmU4ZjE3XzIwMjEtMTItMTdUMTM6MjI6NDcuMzQ3Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}