{"publication":{"id":"5ebd7c02acf8911d7951ed49","hashnodeURL":"https://lo-victoria.com","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","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":null,"__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"},"__typename":"Preferences","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"},"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":187,"impressum":"

Recently joined GitHub Stars ✨

Featured on Tech Blogs

Check out these other amazing blogs! 🔥

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

\n","isTeam":null,"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":null,"__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"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"series":{"id":"6065c83ffad5042228d35d26","name":"GraphQL for Beginners","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617283127887/toUkcAy_cv.png","slug":"graphql","description":"This is a beginner-friendly series, where we will learn the basic concepts of GraphQL and Apollo. At the end of this series, you will be able to build a simple chat app with GraphQL, Apollo and React!\n","cuid":"ckmywmdvn01twqws18u0mbav3","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","__typename":"User"},"posts":{"edges":[{"node":{"id":"60facb6f18fbbb77c9463568","url":"https://lo-victoria.com/graphql-for-beginners-introduction","slug":"graphql-for-beginners-introduction","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617270128195/oeeFIfsrn.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Introduction","readTimeInMinutes":7,"views":4463,"publishDate":"2021-07-23T14:00:15.633Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"60facb6f18fbbb77c9463568_2021-07-23T14:00:15.633Z","__typename":"PostEdge"},{"node":{"id":"61040c26805a765b08876dc2","url":"https://lo-victoria.com/graphql-for-beginners-subscriptions-schemas-and-servers","slug":"graphql-for-beginners-subscriptions-schemas-and-servers","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617687853736/CxQ2y2Oaa.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Subscriptions, Schemas and Servers","readTimeInMinutes":6,"views":2491,"publishDate":"2021-07-30T14:26:46.640Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"61040c26805a765b08876dc2_2021-07-30T14:26:46.640Z","__typename":"PostEdge"},{"node":{"id":"610d52cd528eff11aea881db","url":"https://lo-victoria.com/graphql-for-beginners-setting-up-graphql-server","slug":"graphql-for-beginners-setting-up-graphql-server","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619862160266/CnpG44ZQc.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Setting Up GraphQL Server","readTimeInMinutes":9,"views":2990,"publishDate":"2021-08-06T15:18:37.323Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"610d52cd528eff11aea881db_2021-08-06T15:18:37.323Z","__typename":"PostEdge"},{"node":{"id":"61167bd373a6cd48b7f18c3f","url":"https://lo-victoria.com/graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react","slug":"graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619861417321/3AK8NjrL0.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Build Real-Time Chat App with Apollo Client and React","readTimeInMinutes":8,"views":6110,"publishDate":"2021-08-13T14:04:03.765Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"61167bd373a6cd48b7f18c3f_2021-08-13T14:04:03.765Z","__typename":"PostEdge"},{"node":{"id":"6197ad3f5bb9cc256fc6824e","url":"https://lo-victoria.com/graphql-for-beginners-fetch-data-from-graphql-apis-with-apollo-client","slug":"graphql-for-beginners-fetch-data-from-graphql-apis-with-apollo-client","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636129426355/ZmjuLJyf2M.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Fetch Data from GraphQL APIs with Apollo Client","readTimeInMinutes":5,"views":1639,"publishDate":"2021-11-19T13:57:19.812Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"6197ad3f5bb9cc256fc6824e_2021-11-19T13:57:19.812Z","__typename":"PostEdge"},{"node":{"id":"62a339c523f5f5accf275ed5","url":"https://lo-victoria.com/graphql-for-beginners-schema-first-vs-code-first","slug":"graphql-for-beginners-schema-first-vs-code-first","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1654696677653/TOZdjMt2-.png","__typename":"PostCoverImage"},"title":"GraphQL for Beginners: Schema-first vs Code-first","readTimeInMinutes":4,"views":5687,"publishDate":"2022-06-10T12:32:05.195Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"62a339c523f5f5accf275ed5_2022-06-10T12:32:05.195Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"62a339c523f5f5accf275ed5_2022-06-10T12:32:05.195Z","hasNextPage":true,"hasPreviousPage":true,"startCursor":"60facb6f18fbbb77c9463568_2021-07-23T14:00:15.633Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Series"},"__typename":"Publication"}}

Flutter Firebase

Add Google Sign In to Flutter using Firebase