Tinder Style Movie Night Picker with VueJs, Vuetify, Vuexfire, and Firebase | Part 1 - App Setup

Поделиться
HTML-код
  • Опубликовано: 26 дек 2024
  • НаукаНаука

Комментарии • 15

  • @Bananengurke
    @Bananengurke 4 года назад +2

    Thank you for this video

  • @lukem121
    @lukem121 4 года назад

    Glad I found your channel! Cant wait to see more! I'm just starting out with Vue so these are super good! I like that you do everything the "proper" way and don't just rush it for the tutorial sake. 😇

    • @DiligentDev
      @DiligentDev  4 года назад

      Awesome! I'm glad you're enjoying the vids! I'll be releasing the Part 3 in a few days.

  • @chingstah26
    @chingstah26 3 года назад

    how could i recreate this with android studio?

    • @DiligentDev
      @DiligentDev  3 года назад

      I’m not sure. I haven’t used Android Studio for active development.

  • @Bananengurke
    @Bananengurke 4 года назад

    I tried following this, but wasn't able to get the matches to work. I also cloned your repo and same result (plus replaced api keys)
    In my database, I can see the two users, and their matches and likedMovies, however in the app, the matches page doesn't display anything. Can you help?

    • @DiligentDev
      @DiligentDev  4 года назад

      Have you checked your data to make sure you have the same schema? Are the matches in a sub collection off of the user?

    • @Bananengurke
      @Bananengurke 4 года назад

      ​@@DiligentDev Yes, I made the users through the app, then added the partners, and did the swiping, and i see the matches in the database.
      I see that the state.user.movies is always empty. However the writing clearly works.
      I am using the code from your repo:
      bindMatchesRef: firestoreAction((context) => {
      return context.bindFirestoreRef(
      "matches",
      db
      .collection("users")
      .doc(context.state.id)
      .collection("matches")

    • @Bananengurke
      @Bananengurke 4 года назад

      imgur.com/a/TsLDoZ8

    • @DiligentDev
      @DiligentDev  4 года назад +1

      It sounds like a VuexFire issue. Did you add the vuexfiremutations property to the root store file? It could also be that your Firestore Rules are not working correctly. I would try to open up your rules if you have that property on your store file.

  • @BenHayat
    @BenHayat 4 года назад

    What tool are you using for your screen recording? I notice you can zoom in and out of your screen like 20%. Is that part of the tool that you do at recording or during editing?
    I need something like this to create tutorial for my future app.
    Thanks!

    • @DiligentDev
      @DiligentDev  4 года назад

      I use Camtasia. It’s specifically made for screen recording. They have a ton of tools and I don’t use even 10% of them. You can get a lot fancier with it.
      www.techsmith.com/video-editor.html

  • @BenHayat
    @BenHayat 4 года назад

    How often will you be releasing each video?
    Also, it would be great just to offer the whole course as an Udemy course.
    Speaking of Udemy. Do you have any Udemy course? I like your style of videos.

    • @DiligentDev
      @DiligentDev  4 года назад

      Thanks for the kind words.
      I’m going to be releasing the follow-up videos as fast as I can. I’m about half way through with the authentication part. Hoping to have it up in a few days.
      I’d like to release a Udemy course in the future. It’s on my radar. I’ll keep you updated.

    • @BenHayat
      @BenHayat 4 года назад

      @@DiligentDev
      Awesome!