{"publication":{"id":"5ebd7c02acf8911d7951ed49","url":"https://lo-victoria.com","canonicalURL":"https://lo-victoria.com","title":"Articles by Victoria Lo","displayTitle":"Blogging and Web Development | Articles by Victoria Lo","descriptionSEO":"Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!","username":"victoria","about":{"html":"

I'm a solutions engineer, writer, speaker, GitHub Star and WomenWhoCode evangelist. But TLDR: I'm just a nerd who loves to build projects and share valuable tips for new programmers on this blog.

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596298873098/gTH87_jBr.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607028151322/9o8_5ImaK.png","darkMode":{"logo":null,"enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"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;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.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}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"604810c1c64c63545921cb9e","label":"About","url":"https://lo-victoria.com/about","priority":100,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"609527b7d2b17b7fc35f30b0","label":"Sponsors","url":"https://lo-victoria.com/sponsor","priority":99,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","priority":98,"type":"series","series":{"id":"5f89bf47d7dc0b17a97a22e7","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6048111c7f43655434aaf557","label":"Node.js","url":"https://lo-victoria.com/series/nodejs-rest-api","priority":97,"type":"series","series":{"id":"5f105d5261fb3d25a2d43052","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","priority":96,"type":"series","series":{"id":"6065c83ffad5042228d35d26","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61e0ba86d546507ab03419cf","label":"React Hooks","url":"https://lo-victoria.com/series/a-look-at-react-hooks","priority":95,"type":"series","series":{"id":"5fcc9d99f9aad2092499a61b","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","priority":95,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"614c99f4544e242e0c93f097","label":"DevOps","url":"https://lo-victoria.com/devops","priority":94,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604813afc64c63545921cbee","label":"Read More","url":"https://lo-victoria.com/read-more","priority":93,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"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;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.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}","__typename":"CustomCSSPreferences"},"layout":"grid","disableFooterBranding":true,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984904615/AvlfZBL8d.jpg","headerColor":"#e3e3e3","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"UA-157955431-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","__typename":"PublicationIntegrations"},"postsCount":194,"impressum":"

GitHub Star Profile ✨ | Featured on Tech Blogs

Check out these other amazing blogs! 🔥

Catalin's Tech | Daily Dev Tips | Greenroots Blog | Idris Olubisi | Marko Denic

\n","isTeam":false,"links":{"twitter":"https://twitter.com/lo_victoria2666","instagram":"","github":"https://github.com/victoria-lo","website":"https://lo-victoria.com/","hashnode":"https://hashnode.com/@victoria","youtube":"https://www.youtube.com/channel/UCGrEsNzKfXjuKDTmpv5nTvg","dailydev":"","linkedin":"https://www.linkedin.com/in/victoria2666/","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"lo-victoria.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"5fce3329b893f0197d598ad6","name":"Random Projects to Build","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607349025624/PDKadQeeL.png","slug":"random-projects-to-build","description":"This series features step-by-step tutorials on how to build some quick and simple apps for beginners to practice their skills. From bulletin boards to messaging apps, let's build anything!\n","cuid":"ckiem440w00ja19s1axof6chd","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","__typename":"User"},"posts":{"edges":[{"node":{"id":"63401be7bf6a2aa644b7f712","title":"The Complete Guide to Integrate PayPal in Mobile Apps","slug":"the-complete-guide-to-integrate-paypal-in-mobile-apps","publishDate":"2022-10-07T12:30:31.681Z","cuid":"cl8ygu2o1000r09mgbuvv9p9v","url":"https://lo-victoria.com/the-complete-guide-to-integrate-paypal-in-mobile-apps","subtitle":"Here's what you can do to integration PayPal checkout in your mobile apps","brief":"\"Do PayPal offer native app checkout?\" is a question I have received from my readers recently. If you do a simple Google search, you will probably find PayPal's Android/iOS SDK, which has been deprecated since 2018.\nHowever, many guides on the intern...","readTimeInMinutes":10,"views":4453,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665145789797/0STIhlkt1.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjM0MDFiZTdiZjZhMmFhNjQ0YjdmNzEyXzIwMjItMTAtMDdUMTI6MzA6MzEuNjgxWg==","__typename":"PostEdge"},{"node":{"id":"6311f0405f7bcecf2ea40e4e","title":"Introducing JIRA Foresight: Small Optimizations For Higher Efficiency","slug":"introducing-jira-foresight-small-optimizations-for-higher-efficiency","publishDate":"2022-09-02T12:00:00.747Z","cuid":"cl7kfc0m000isv4nv8wrf3tto","url":"https://lo-victoria.com/introducing-jira-foresight-small-optimizations-for-higher-efficiency","subtitle":"","brief":"As developers, we are constantly looking for ways to optimize and solve problems. If there's anything that can be optimized, even a small tool to increase work efficiency, it can make a huge difference.\nInspiration\nWithin my workplace, it's common pr...","readTimeInMinutes":3,"views":273,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661430161081/N97-3g8-2.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjMxMWYwNDA1ZjdiY2VjZjJlYTQwZTRlXzIwMjItMDktMDJUMTI6MDA6MDAuNzQ3Wg==","__typename":"PostEdge"},{"node":{"id":"62ff7b408bec3d0c4588bd2e","title":"How to Make a React Library System using Firestore #2","slug":"how-to-make-a-react-library-system-using-firestore-2","publishDate":"2022-08-19T12:00:00.396Z","cuid":"cl70f636r01d8d3nvf5vpb3gg","url":"https://lo-victoria.com/how-to-make-a-react-library-system-using-firestore-2","subtitle":"Part 2: Integrating Firestore - Add and update books into the library","brief":"Welcome back to Part 2 of How to Make a React Library System using Firestore. In the previous article, we learned the basics of Firestore and how to configure it to a React app. \nIn this part, we will learn how to retrieve, add and delete data from o...","readTimeInMinutes":5,"views":681,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1657963173179/5XuMAx4CD.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJmZjdiNDA4YmVjM2QwYzQ1ODhiZDJlXzIwMjItMDgtMTlUMTI6MDA6MDAuMzk2Wg==","__typename":"PostEdge"},{"node":{"id":"62ecf830e3a3793580dfcfa1","title":"How to Make a React Library System using Firestore #1","slug":"how-to-make-a-react-library-system-using-firestore-1","publishDate":"2022-08-05T11:00:00.923Z","cuid":"cl6gcv0iq01agxvnv1j8bgv3n","url":"https://lo-victoria.com/how-to-make-a-react-library-system-using-firestore-1","subtitle":"Part 1: Introduction to Firestore, Configure + Setup a React/Firebase project","brief":"Firebase is a Backend-as-a-Service (BaaS) that provides many cloud-hosted solutions such as hosting, databases and cloud functions without the need to manage servers.\nIn this article, we will learn about Firebase's flexible and scalable NoSQL cloud d...","readTimeInMinutes":5,"views":1073,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1657963122055/GotS2Rael.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJlY2Y4MzBlM2EzNzkzNTgwZGZjZmExXzIwMjItMDgtMDVUMTE6MDA6MDAuOTIzWg==","__typename":"PostEdge"},{"node":{"id":"62c81e70353b847f29e8baca","title":"How to embed live video chats via Whereby Embedded","slug":"how-to-embed-live-video-chats-via-whereby-embedded","publishDate":"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":740,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655478127626/K2L-IHRpd.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJjODFlNzAzNTNiODQ3ZjI5ZThiYWNhXzIwMjItMDctMDhUMTI6MDk6MjAuMzg5Wg==","__typename":"PostEdge"},{"node":{"id":"627e64ad01c71be2bfdff4dd","title":"How to Integrate PayPal Smart Buttons to your Web Apps","slug":"how-to-integrate-paypal-smart-buttons-to-your-web-apps","publishDate":"2022-05-13T14:01:17.946Z","cuid":"cl34icl4x00gurcnvb8kb0kuj","url":"https://lo-victoria.com/how-to-integrate-paypal-smart-buttons-to-your-web-apps","subtitle":"A Comprehensive Guide to Powering Up Your Payment Processes with PayPal","brief":"PayPal is the world's largest global payment system. Supporting over 200 countries and 25 currencies, it enables users to send and receive payments easily over borders and language barriers.\nIn this article, I would like to present a step-by-step, co...","readTimeInMinutes":6,"views":6387,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":15854,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1652264138908/Hi9x4jxAL.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjI3ZTY0YWQwMWM3MWJlMmJmZGZmNGRkXzIwMjItMDUtMTNUMTQ6MDE6MTcuOTQ2Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjI3ZTY0YWQwMWM3MWJlMmJmZGZmNGRkXzIwMjItMDUtMTNUMTQ6MDE6MTcuOTQ2Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Serverless

Serverless Web API with Azure Function v4 and CosmosDB