Aaron Saunders
Aaron Saunders
  • Видео 336
  • Просмотров 787 803
Basic To-Do App using AngularFire v17 Compat
Basic To-Do App using AngularFire v17 Compat
#angular #angularfire #firebse
Hey there! I've been busy at work and needed a break, but I'm back with a video on creating a basic to-do app using AngularFire v17 compat. In this video, I'll show you how to use AngularFire with Ionic Framework and use compatibility mode to keep your API consistent with v6. I'll also cover observables, even though they're not my favorite. The app allows you to add, edit, and delete tasks.
Check it out if you're interested in learning more about AngularFire and creating a to-do app with Angular!
Source Code Included - github.com/aaronksaunders/ionic-angularfire-compat-things
💥 Chapters
--------------------------
00:00 ...
Просмотров: 481

Видео

Payload CMS Nuxt JS - Authentication in Nuxt Using a Custom Plugin
Просмотров 8238 месяцев назад
Payload CMS Nuxt JS - Authentication in Nuxt Using a Custom Plugin #payloadcms #nuxtjs #vuejs #webdevelopment This video covers one way to integrate Payload CMS SignIn, SignOut and Create Account in a Nuxt JS Application. Payload CMS - The best way to build a modern backend admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS. @pay...
Payload CMS - Headless CMS with Vue - Deploy Mobile App with Ionic Capacitor
Просмотров 8088 месяцев назад
Payload CMS Ionic Vue - Deploy To IOS and Android In this video series, we will set up PayloadCMS Headless CMS, create a Customers collection, log in as a Customer, create an account as a Customer. Then build a simple vuejs website that can log in using the API created by PayloadCMS and finally look at the changes needed to go from website to mobile application with Ionic Framework. In this vid...
Payload CMS - Headless CMS with Vue - Creating Customer Accounts
Просмотров 1,4 тыс.8 месяцев назад
In this video series, we will set up PayloadCMS Headless CMS, create a Customers collection, log in as a Customer, create an account as a Customer. Then build a simple vuejs website that can log in using the API created by PayloadCMS and finally look at the changes needed to go from website to mobile application with Ionic Framework. In this video, Part 3, we show how to create a new user accou...
Payload CMS - Headless CMS with Vue - Getting Current User and Cookies
Просмотров 1 тыс.8 месяцев назад
In this video series, we will set up Payload CMS Headless CMS, create a Customers collection, log in as a Customer, create an account as a Customer. Then build a simple vuejs website that can log in using the API created by PayloadCMS and finally look at the changes needed to go from website to mobile application with Ionic Framework. In this video, Part 2, we will handle checking for existing ...
Payload CMS - Headless CMS with Vue - Getting Started
Просмотров 3,9 тыс.8 месяцев назад
Getting Started with Payload CMS & Vue JS - Free, Open Source, Typescript, Extensible - with paid cloud option In this video series, we will set up Payload CMS Headless CMS, create a Customers collection, log in as a Customer, create an account as a Customer. Then build a simple vuejs website that can login using the API created by PayloadCMS and finally look at the changes needed to go from we...
tRPC Alternative for Nuxt Application
Просмотров 6309 месяцев назад
A tRPC Alternative for a Nuxt FullStack Typesafe Application #nuxt #vue #trpc Build a full-stack typescript nuxt application without the boilerplate code of tRPC using the nuxt-remote-fn module we will build a simple nuxt application to save and retrieve data from a sqlite database through a typesafe server-side API. 💥 Sign Up For Our Newsletter​ - buff.ly/3lAk2jL 💥 Chapters 00:00 - introductio...
tRPC Nuxt Part 3 - Database Queries and Nuxt UI
Просмотров 4509 месяцев назад
Getting Started with tRPC Nuxt Part 3 - Finalizing Database Queries and Adding Nuxt UI - Build A Full-Stack Typescript Application #tRPC #nuxt #vuejs tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. Experience the full power of TypeScript inference to boost productivity for your NUXT full-stack application. 💥 This is the third video in the series Part One - ruclips.net/vi...
tRPC Nuxt - Part 2 - Adding Database
Просмотров 5279 месяцев назад
Getting Started with tRPC Nuxt Part 2 - Adding Database - Build A Full-Stack Typescript Application #tRPC #nuxt #vuejs tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. Experience the full power of TypeScript inference to boost productivity for your NUXT full-stack application. 💥 This is the second video in the series Part One - ruclips.net/video/XX-4A4xkRB8/видео.html Par...
tRPC Nuxt - Part 1 - Getting Started
Просмотров 1,1 тыс.9 месяцев назад
Getting Started with tRPC Nuxt Part 1 - Build A Full-Stack Typescript Application #tRPC #nuxt #vuejs Move Fast and Break Nothing. End-to-end typesafe APIs made easy. Experience the full power of TypeScript inference to boost productivity for your NUXT full-stack application. Walkthrough of getting a Nuxt 3 application up and running with tRpc using the trpc nuxt module. 💥 Sign Up For Our Newsle...
Expo Router Tabs with Supabase Authentication
Просмотров 6 тыс.9 месяцев назад
Expo Router Tabs with Supabase Authentication Flow #reactnative #supabase #expo Learn to use Supabase with Expo Router by building a simple authentication flow based on a Tab-based application template. In this tutorial, we’ll be using Expo, Supabase, and Expo Router. I stuck to the basics like the other related videos in this series so you can build your own idea based on this video 💥 Sign Up ...
Realm Database, Expo SDK 49 and Expo Router - Getting Started
Просмотров 4,9 тыс.10 месяцев назад
Realm Database, Expo SDK, and Expo Router - Getting Started #expo #realm #reactnative Building a simple app using Expo SDK, Expo Router, and MongoDB Realm in React Native and plain Javascript. Realm is a fast, scalable alternative to SQLite with mobile to cloud data sync that makes building real-time, reactive mobile apps easy. I did this tutorial for those who want to build in javascript and n...
Nuxt, Drizzle ORM and SQLite - Integrating Nuxt Auth - Part 2
Просмотров 48010 месяцев назад
Drizzle ORM SQLite and Nuxt - Integrating Nuxt Auth - Part 2 #nuxt #sqlite #drizzle We will use the package @sidebase/nuxt-auth - to implement email password authentication in the application. We will create a login and register API routes that utilize Drizzle ORM connected to a SQLite Database This video will create and integrate the database with user registration and user authentication usin...
Nuxt, Drizzle ORM and SQLite - Integrating Nuxt Auth - Part 1
Просмотров 1,3 тыс.10 месяцев назад
Nuxt, Drizzle ORM and SQLite - Integrating Nuxt Auth - Part 1
Nuxt, Drizzle ORM and SQLite - An Introduction To CRUD with API Routes
Просмотров 3,2 тыс.10 месяцев назад
Nuxt, Drizzle ORM and SQLite - An Introduction To CRUD with API Routes
Expo Router Drawer Navigation with Nested Tabs Navigation
Просмотров 9 тыс.10 месяцев назад
Expo Router Drawer Navigation with Nested Tabs Navigation
VueFire Firebase Ionic Capacitor Mobile App - Pros and Cons
Просмотров 1,1 тыс.10 месяцев назад
VueFire Firebase Ionic Capacitor Mobile App - Pros and Cons
Vuetify To Mobile App with Capacitor in less than 3 minutes
Просмотров 1,3 тыс.10 месяцев назад
Vuetify To Mobile App with Capacitor in less than 3 minutes
Expo Router Drawer Navigation From the Docs
Просмотров 7 тыс.10 месяцев назад
Expo Router Drawer Navigation From the Docs
Expo Router Tab Navigation From the Docs
Просмотров 4,7 тыс.10 месяцев назад
Expo Router Tab Navigation From the Docs
Expo Router Stack Navigator From The Docs
Просмотров 3,7 тыс.10 месяцев назад
Expo Router Stack Navigator From The Docs
Tanstack Query / Vue Query Pagination and Infinite Scroll Example In Vue
Просмотров 6 тыс.11 месяцев назад
Tanstack Query / Vue Query Pagination and Infinite Scroll Example In Vue
Expo Router Authentication Flow Using Expo Router v2 and Expo SDK 49
Просмотров 16 тыс.11 месяцев назад
Expo Router Authentication Flow Using Expo Router v2 and Expo SDK 49
Ionic React SQLite - Working With Ionic Framework And Capacitor
Просмотров 2,3 тыс.11 месяцев назад
Ionic React SQLite - Working With Ionic Framework And Capacitor
Ionic Vue Appwrite - Build A Realtime Chat Mobile App with Ionic Framework and Capacitor
Просмотров 1,8 тыс.11 месяцев назад
Ionic Vue Appwrite - Build A Realtime Chat Mobile App with Ionic Framework and Capacitor
Ionic Vue - Capacitor Google Map Plugin
Просмотров 1,7 тыс.11 месяцев назад
Ionic Vue - Capacitor Google Map Plugin
Ionic Vue SQLite With Ionic Framework, and Capacitor
Просмотров 3,3 тыс.Год назад
Ionic Vue SQLite With Ionic Framework, and Capacitor
React Native Expo Firebase - Simplify Your Image Uploads with Image Picker Camera
Просмотров 4,3 тыс.Год назад
React Native Expo Firebase - Simplify Your Image Uploads with Image Picker Camera
Learn to Build with Ionic Vue Capacitor: Live Coding Section from RenderATL Talk
Просмотров 702Год назад
Learn to Build with Ionic Vue Capacitor: Live Coding Section from RenderATL Talk
Ionic Vue, Build And Deploy Mobile App With Konsta UI and Ionic Capacitor
Просмотров 1,3 тыс.Год назад
Ionic Vue, Build And Deploy Mobile App With Konsta UI and Ionic Capacitor

Комментарии

  • @nunajah
    @nunajah 7 дней назад

    thank you so much, i finally can solve my problem now

  • @egesa_michael
    @egesa_michael 7 дней назад

    Video is all most a year now but was very help full thank you alot

    • @AaronSaundersCI
      @AaronSaundersCI 7 дней назад

      Yeah all of these are due for an update

    • @egesa_michael
      @egesa_michael 7 дней назад

      @@AaronSaundersCI Still very helpful i could not understand the documentation this was the only video i understood

    • @egesa_michael
      @egesa_michael 7 дней назад

      @@AaronSaundersCI I watched both videos for the drawer and the tabs

  • @maximexc1299
    @maximexc1299 8 дней назад

    Thank you !

  • @araromirichie4825
    @araromirichie4825 10 дней назад

    Great job but can you do this with windows?

  • @uctuanvu2975
    @uctuanvu2975 20 дней назад

    Camera permission was using from default. It not using your config

  • @Daaboo
    @Daaboo 24 дня назад

    This video really needs an update. All the packages and the syntax is outdated and wont work now.

    • @AaronSaundersCI
      @AaronSaundersCI 21 день назад

      there are way more updated videos in the playlist + source code that covers vue capacitor and plugins. I dont usually go back and update videos, i just create new ones

  • @JohnFarrar-he4pt
    @JohnFarrar-he4pt 28 дней назад

    Can we layer DaisyUI into this mix?

  • @ahassan5
    @ahassan5 Месяц назад

    useState

  • @ecd8611
    @ecd8611 Месяц назад

    thank you for this video from s.korea. it's helps me a lot <3

  • @adamdolezal9430
    @adamdolezal9430 Месяц назад

    thanks a lot

  • @gabrielamaralpassos9537
    @gabrielamaralpassos9537 Месяц назад

    There's just a little problem i'm facing that when i make more inserts in the same page, i have to chained useEffects or it just doesn't work. Not quite sure why still. I just observed this when building to Android by now, when using it in the browser it works fine.

  • @maxmin-sv6mi
    @maxmin-sv6mi Месяц назад

    Does it have to be iOS, is it possible for Android?

  • @brunovercosa7119
    @brunovercosa7119 Месяц назад

    I have searched all the RUclips videos that teach deep stuff about expo router, you was the only one who did it. Thanks 🙏🏽

    • @AaronSaundersCI
      @AaronSaundersCI Месяц назад

      Thanks for stopping by and glad you found the video helpful 👍🏾

  • @vlers
    @vlers Месяц назад

    Does the hotreload function work on android? or do you have to restart when there is a code change?

  • @KevinVillaruz
    @KevinVillaruz Месяц назад

    I use nextjs but this is a nice reference. Thanks!

  • @kralkatorrik34
    @kralkatorrik34 Месяц назад

    As a long time web developer I must say that the mobile navigation is just a mess. It's the main reason I stray away from the mobile dev, because I've lost so many hours trying to fix issues with the nav.

  • @NizarGHRIBI
    @NizarGHRIBI Месяц назад

    hi

  • @Imaginativeone_DF
    @Imaginativeone_DF Месяц назад

    Where does the database file get stored?

    • @AaronSaundersCI
      @AaronSaundersCI Месяц назад

      on android, it is stored in a databases directory, on ios you can specify in the capacitor plugin confuration

  • @stephensagarinojr.4170
    @stephensagarinojr.4170 Месяц назад

    nice

  • @MathAlvesSkate
    @MathAlvesSkate Месяц назад

    The router and <Link> from expo router still works?

    • @AaronSaundersCI
      @AaronSaundersCI Месяц назад

      yes, but this video is from a earlier versio

  • @ananddcruz8281
    @ananddcruz8281 Месяц назад

    How to get the source code

    • @AaronSaundersCI
      @AaronSaundersCI Месяц назад

      There are newer examples in my GitHub repository -> aaronksaunders

  • @wanderergurung
    @wanderergurung 2 месяца назад

    how to set default billing country so that user don't have to select country very time

  • @brianwalsh7040
    @brianwalsh7040 2 месяца назад

    I keep running into an error of "Cannot read properties of undefined (reading 'resume')" any tips? Also is this still the way we should handle this upload?

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      This video is 2 years old so the first thing I would do is check that the APIs have changed

  • @salazarr_js
    @salazarr_js 2 месяца назад

    hey nice tutorial, it helped me a lot but wanna know where or what kinda of service you used to upload/deploy this. I was using Vercel but I understand that Vercel doesn't SQLite friendly

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      i usually work with sqlite for demos and small projects and then switch to postgres for larger projects... so i have not deployed a project with sqlite

  • @tamirhalperin2404
    @tamirhalperin2404 2 месяца назад

    Excellent run through. I learned a lot. How would I go about replacing MongoDB with OribitDB?

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      Will have to check out orbitdb I have never worked with it

  • @yugeyuge8008
    @yugeyuge8008 2 месяца назад

    Great video Aaron. Thanks.

  • @abduraaahim
    @abduraaahim 2 месяца назад

    Hi, how to create it wtih expo router

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      ruclips.net/video/DOYl5PdFC6U/видео.html

  • @yousefobeidat2497
    @yousefobeidat2497 2 месяца назад

    Thank you for the amazing tutorial. I noticed that you're using some special tool or shell tool to visualize the directory when you do a "cd dir_name" in the terminal what's the name of it please?

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      it was called Fig, but they were bought by amazon and the tool is called Code Whisperer - fig.io/blog/post/fig-is-sunsetting

  • @griseld
    @griseld 2 месяца назад

    The homepage gets shown for a brief moment after the splashScreen and i can't seem to find a way to go to the login page directly. Any idea?

  • @carlotadias9335
    @carlotadias9335 2 месяца назад

    Thank you very much Aaron ! Just a question, when you launched IOs build and emulator, did you have to have XCode installed locally ? Thank you in advance,

  • @aksharparmar6599
    @aksharparmar6599 2 месяца назад

    Hey I hope you are doing well! Can you Please make a detail video on with using react also? Documentation is not beginner friendly, I am having a hard time, and the working example for capacitor-community/sqlite is something which is hard to understand. It will be great if you can make a project using react with capacitor sqlite in detail.

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      I have been focusing on my company and client projects the last few months, but have done some interesting things that I will be creating video content for soon, SQLite and react will be one thing that I will definitely cover

  • @Daaboo
    @Daaboo 2 месяца назад

    Could not open settings generic class cache for settings file 'C:\dev\appName\android\settings.gradle' (C:\Users\user\.gradle\caches\8.0.2\scripts\41bleq3pqmzd04rqmo279sxv9). > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 65 No idea how to fix this......

    • @Daaboo
      @Daaboo 2 месяца назад

      8h later and tons of errors, downgrades, versions checks, path changes later i manage to make it work. now im not gonna turn of my PC ever again.....

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      the code is a bit old, and android gradle upgrade issues can create problems, but once you get it locked in, you are usually good to go. Glad it worked out for you

  • @Dev-iq6mn
    @Dev-iq6mn 2 месяца назад

    Hello Aaron. 3 years down the line, I still find you tutorial video super helpful. Thanks a million. Can you please share the github link to the source code

  • @edge0601
    @edge0601 2 месяца назад

    hey i am using the atlas database for express api can i use the same collection

  • @nicolasaguilar2202
    @nicolasaguilar2202 3 месяца назад

    no email verification? mmm

  • @alejandramoralescifuentes8599
    @alejandramoralescifuentes8599 3 месяца назад

    Really helpful, thanks a lot!!

  • @Munk-tt6tz
    @Munk-tt6tz 3 месяца назад

    Best tutorial, thank you so much!

  • @Munk-tt6tz
    @Munk-tt6tz 3 месяца назад

    Thank you so much, you're really helping me a lot. God bless you! 🙏

  • @_rumaiz_ahmed_
    @_rumaiz_ahmed_ 3 месяца назад

    Where can I find this video?

    • @AaronSaundersCI
      @AaronSaundersCI 3 месяца назад

      never published the tutorial, when I get back to it, it will all be behind a paywall

  • @scottvoyles
    @scottvoyles 3 месяца назад

    This video is pretty dope - thanks!

  • @jlarosee
    @jlarosee 3 месяца назад

    Concise and thorough. Good stuff! Thank you!

  • @atasoyh1986
    @atasoyh1986 3 месяца назад

    life saver! :)

  • @mahoo80
    @mahoo80 3 месяца назад

    Köszönjük!

  • @michaelchan6144
    @michaelchan6144 3 месяца назад

    Thanks for the great video. Just one question, do you know if it's possible to integrate the Expo Router Drawer + Stack together? I want to have Stack navigation so that users can go back to the previous screen by clicking the Back Arrow Icon in the top left section of the header bar. At the same time, I also want users to have the ability to summon a Drawer (settings, logout) with the Drawer icon located in the top right section of the header bar.

  • @VensystemsUk
    @VensystemsUk 3 месяца назад

    good to see you troubleshooting this with basic app functionality. It would be good to see the payloadcms website admin backend packaged and deployed with a vue frontend (express server) using the same auth service for both. I saw payload say it is possible and it sounds like a great option to serve so much existing functionality to a mobile, even as a pwa.

    • @AaronSaundersCI
      @AaronSaundersCI 3 месяца назад

      we are working with PayloadCMS on two client projects right now and I don't see a benefit from a developer experience perspective to package the cms with my frontend. Just because you can do something it doesn't mean you should.

  • @Niletixofficial
    @Niletixofficial 3 месяца назад

    When i take a selfie it mirrors the photo, How do i stop it from mirroring the photo?

    • @AaronSaundersCI
      @AaronSaundersCI 2 месяца назад

      There is a setting on the camera I believe

  • @fullstackmarketing247
    @fullstackmarketing247 3 месяца назад

    Thanks for taking the time to make this!

  • @SandraWantsCoke
    @SandraWantsCoke 3 месяца назад

    How do I show my own content inside the drawer? :/ I don't want navigation links inside a drawer

    • @AaronSaundersCI
      @AaronSaundersCI 3 месяца назад

      create custom drawer content, take a look at the React Navigation documentation. Expo router is just a layer on top of React Navigation

  • @milla9559
    @milla9559 4 месяца назад

    it was better if change the documentation to dark mood

  • @KevinCampbell3
    @KevinCampbell3 4 месяца назад

    I tried this but Tailwind doesn't work. It looks like the ionic css is overriding it when I try to add it to an ionic component

    • @AaronSaundersCI
      @AaronSaundersCI 4 месяца назад

      I would just use the ionic for main navigation templates and then tailwind for the rest of the

    • @KevinCampbell3
      @KevinCampbell3 4 месяца назад

      @@AaronSaundersCI I'll try and figure out what's wrong. Because I'm using tailwind with Ionic Vue and it doesn't have this problem. So it's something related to using it with Nuxt 3

    • @AaronSaundersCI
      @AaronSaundersCI 4 месяца назад

      Don’t use the ionic components… just the page template and navigation. It works I have done it on a client project successfully