{"tag":{"id":"56744723958ef13879b95245","name":"APIs","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450468334/jirjz7cc54l2mstzpaab.png","slug":"apis","tagline":null,"__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":"62c81e70353b847f29e8baca","title":"How to embed live video chats via Whereby Embedded","slug":"how-to-embed-live-video-chats-via-whereby-embedded","publishedAt":"2022-07-08T12:09:20.389Z","cuid":"cl5cf0b7q06h6cunv56jqf1kp","url":"https://lo-victoria.com/how-to-embed-live-video-chats-via-whereby-embedded","subtitle":"Step-by-step tutorial on how you can have live video chats embedded on your websites!","brief":"As the digital age continues to evolve, there are many websites that require live video calls such as telehealth, eLearning and virtual events websites.\n\nIn this article, let me introduce you to Whereby and how you can integrate it in a website. With...","readTimeInMinutes":4,"views":647,"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/v1655478127626/K2L-IHRpd.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJjODFlNzAzNTNiODQ3ZjI5ZThiYWNhXzIwMjItMDctMDhUMTI6MDk6MjAuMzg5Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62a339c523f5f5accf275ed5","title":"GraphQL for Beginners: Schema-first vs Code-first","slug":"graphql-for-beginners-schema-first-vs-code-first","publishedAt":"2022-06-10T12:32:05.195Z","cuid":"cl48fhpjm03u38mnvbb7mc536","url":"https://lo-victoria.com/graphql-for-beginners-schema-first-vs-code-first","subtitle":"Let's take a look at the 2 ways we can build a GraphQL API. How they are different and their pros and cons.","brief":"GraphQL has become a revolutionary scheme in the API world. As a solution to data fetching more efficiently, the first question you will need to ask yourself when building a GraphQL API is: schema-first or code-first?\nIn this article, let's take a l...","readTimeInMinutes":4,"views":8681,"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/v1654696677653/TOZdjMt2-.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJhMzM5YzUyM2Y1ZjVhY2NmMjc1ZWQ1XzIwMjItMDYtMTBUMTI6MzI6MDUuMTk1Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"610d52cd528eff11aea881db","title":"GraphQL for Beginners: Setting Up GraphQL Server","slug":"graphql-for-beginners-setting-up-graphql-server","publishedAt":"2021-08-06T15:18:37.323Z","cuid":"cks0hti9x0cgfhqs19trz4j7k","url":"https://lo-victoria.com/graphql-for-beginners-setting-up-graphql-server","subtitle":"Beginner-friendly series on GraphQL 🔰 Let's start building our app! Part 3: Setting Up GraphQL server","brief":"Welcome back to GraphQL for Beginners! A beginner-friendly series introducing the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. \nIn this part, we will start building a GraphQL server for a simple ch...","readTimeInMinutes":9,"views":4322,"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/v1619862160266/CnpG44ZQc.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjEwZDUyY2Q1MjhlZmYxMWFlYTg4MWRiXzIwMjEtMDgtMDZUMTU6MTg6MzcuMzIzWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"61040c26805a765b08876dc2","title":"GraphQL for Beginners: Subscriptions, Schemas and Servers","slug":"graphql-for-beginners-subscriptions-schemas-and-servers","publishedAt":"2021-07-30T14:26:46.640Z","cuid":"ckrqfvvcq0dg3zcs18z6e7gvs","url":"https://lo-victoria.com/graphql-for-beginners-subscriptions-schemas-and-servers","subtitle":"Beginner-friendly series on GraphQL 🔰 Let's continue from where we left off! Part 2: GraphQL Schemas, Subscriptions and Servers","brief":"Welcome back to GraphQL for Beginners! A beginner-friendly series introducing the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. At the end of this series, you will be able to build a simple chat app...","readTimeInMinutes":6,"views":3693,"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/v1617687853736/CxQ2y2Oaa.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjEwNDBjMjY4MDVhNzY1YjA4ODc2ZGMyXzIwMjEtMDctMzBUMTQ6MjY6NDYuNjQwWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"60facb6f18fbbb77c9463568","title":"GraphQL for Beginners: Introduction","slug":"graphql-for-beginners-introduction","publishedAt":"2021-07-23T14:00:15.633Z","cuid":"ckrgeut1304hqnts1cnc0fxys","url":"https://lo-victoria.com/graphql-for-beginners-introduction","subtitle":"Let's build a real-time chat app with GraphQL, React and Apollo! Step-by-step tutorial for beginners 🔰 Part 1: Introduction to GraphQL","brief":"Welcome to GraphQL for Beginners! The primary goal of this series is to introduce the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. At the end of this series, you will have a simple chat app built w...","readTimeInMinutes":7,"views":7092,"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/v1617270128195/oeeFIfsrn.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjBmYWNiNmYxOGZiYmI3N2M5NDYzNTY4XzIwMjEtMDctMjNUMTQ6MDA6MTUuNjMzWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjBmYWNiNmYxOGZiYmI3N2M5NDYzNTY4XzIwMjEtMDctMjNUMTQ6MDA6MTUuNjMzWg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}