Python Django and Vue Full Course - Build An Invoicing Web App

Поделиться
HTML-код
  • Опубликовано: 5 фев 2025

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

  • @zodyking4595
    @zodyking4595 2 года назад +6

    really great series, if you do something like this again consider showing the app and going through what its capable of at the very beginning of your series

    • @CodeWithStein
      @CodeWithStein  2 года назад +2

      Thank you so much!
      I know that's a good idea. It's just that I usually build these tutorials in series, and usually I just have an idea in my head where I want to go. So I don't normally have the finished product :P

    • @zodyking4595
      @zodyking4595 2 года назад +1

      @@CodeWithStein RUclips has made me a jack of all trades, and im relying on your content and videos like these to get a foundation in development. But question is, why dont developers build companies with their skills, you can easily sell something like this if you tailored it to auto repairshops. Part of the reason why Im starting with a project like this is to build one for my dads auto repair shop. They cant just use any old invoicing software it has to save vehicle information and most if not all of the ones that do are very old or new and several hundred to thousand plus dollars per month.
      I literally just through the old software in a windows vps and we use it remotely that way until I finish building something worth while that I can host on my ubuntu server in a docker container

    • @chrishammondgp
      @chrishammondgp 2 года назад +2

      @@CodeWithStein something that may help could be to edit the finished app demo into the beginning of the video. I do agree with @zodyking4595 - awesome tutorial, but it's easier to see where we're going when we know what we're going to end up with.

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Yes I agree 👍🏻

  • @rx2316
    @rx2316 3 года назад +1

    Both of my favorite technologies vue and django. I like the tutorial it's very appreciated

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

    Thanks Stein, and keep up the good work Stein, it's great stuff here.

  • @heikoavalos1423
    @heikoavalos1423 2 года назад +1

    Marvellous tutorial 💚💙. Thank you so much!

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

    God job, Stein! The things are explained really very good! Thanks for the tutorial!

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

    Exactly what av been looking for

  • @jimmysindia
    @jimmysindia 2 года назад +1

    thank you stein

  • @ThoDaGeEtKuDunGi
    @ThoDaGeEtKuDunGi 3 года назад +1

    I love your videos
    Keep making on these languages

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

      Thanks 😁 I will not stop doing Django! ☺️ If I make for other languages, it will only be an extra for the channel 👍🏻

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

    Congratulations 🎉 for 10k subscribers

  • @myshkarus
    @myshkarus Год назад +1

    @CodeWithStein thank you for the great course.
    00:46:12 Clicking on Log Out button returns an error 'Failed to load resource: the server responded with a status of 401 (Unauthorized), {"detail":"Invalid token."}.
    All other requests work correctly. I've checked your github and couldn't find any differences with my code.
    Do you know how to resolve this issue?

    • @CodeWithStein
      @CodeWithStein  11 месяцев назад

      Hey, this might be due to some changes in Django 5. not sure how to fix that at the moment for this code base. But, you might not need to do the logout on the server, just in the frontend.

    • @gmh14
      @gmh14 7 месяцев назад

      This was happening to me as well, but I fixed it. I think it happened because the server restarted as I was logged in, and when I tried to log out, I encountered this. I had to go to store/index.js, comment out state.isAuthenticated = true in the initializeStore function, refresh the page so I was logged out, then uncomment it again and login normally. Logout also worked fine. I guess the login token that is cached becomes bad if the server restarts in between.

  • @jhope9445
    @jhope9445 2 года назад +1

    WOW great !! thanks

  • @stevenodutu7804
    @stevenodutu7804 Год назад +1

    I have a question what if you want to extend the built in model to have fields like phone number and first name because django comes with the default email and password and username fields and when you use djoser to register a user only the username, email and password fields will be filled

    • @CodeWithStein
      @CodeWithStein  Год назад

      I have a separate video on this. Just search for custom user model 👍🏻

  • @dang2395
    @dang2395 2 года назад +1

    When I try to call /token/logout/ I get a 403 error saying that I'm not providing any credentials. When I look at the headers of the request the token is there, though.

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Hmm, weird. Are you sure you orovide the credentials and tokens correctly?

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

    You did nice job bro.

  • @pranavs.purathepparambil767
    @pranavs.purathepparambil767 Год назад +1

    I am having an issue with the auth token, everytime i reload the page, the authorization disappears and i have to manually go to the the /log-in url. is this normal or is there a way to fix this?

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

      Hey, were you able to solve this your self? :-)

  • @letshev
    @letshev Год назад +1

    32:00 will the password be sent to the backend unencrypted? Is it safe?

    • @CodeWithStein
      @CodeWithStein  Год назад

      Locally yes, but in production you're always using https/ssl and then you will automatically get encryption :-)

  • @jakeratliff6736
    @jakeratliff6736 2 года назад +1

    Do you cover Djoser's send_activation_email and password/username reset email in any of your Django + Vue content? I've searched your Github and I'm not seeing that.

    • @CodeWithStein
      @CodeWithStein  2 года назад

      No I dont. But I will hopefully do it one day 😁

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

    excellent tutorial. Thanks

  • @caijunling6862
    @caijunling6862 2 года назад +1

    God job , that's awesome tranning! the div :class="notification is-danger" v-if="errors.length"> is repeated , if I double click a buttom. How can I clear the repeated error meassage and only keep one error meassage? thanks!

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Hey ☺️ add a new variable called loading or similar. As soon as you click, you set it to true. And if it’s already true, you will have to block the click 👍🏻

    • @caijunling6862
      @caijunling6862 2 года назад +1

      @@CodeWithStein 👍I will try it, thanks again!

  • @jessicaryan9820
    @jessicaryan9820 2 года назад +1

    Love your tutorials - please do one exactly like this with Pinia, the Composition API, Typescript Vite Vue 3 frontend and JWT backend

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Thanks :-D Good tip! I'll add it to my list of ideas :-)

  • @giannifed
    @giannifed 2 года назад +1

    thank you

  • @spyroskrinas9147
    @spyroskrinas9147 2 года назад +1

    Hello Stein. Why did you use "django-rest-framework 0.1.0" that was released on 2017 and not the most popular one "djangorestframework" which is currently in version 3.13.1 (Dec 2021)? In another tutorial you are using "django-restframework 0.0.1". I am new in django and I would appreciate your advice

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Hey, not a good choice from my side. Definitely stick with «djangorestframework» ☺️ Thanks for letting me know 👍🏻

  • @Sasuke-px5km
    @Sasuke-px5km Год назад +1

    Great! Sir please make a Nuxt 3 E-Commerce Web App

  • @lindokuhlenicholussibeko8393
    @lindokuhlenicholussibeko8393 2 года назад +1

    Hi, I can't get my sign-up and login to work

  • @abhinavhudda841
    @abhinavhudda841 Год назад +1

    stein i love your tutorials, but today i am getting some errors,
    getting an error 404 not found while trying to signup it says authentication cred. not provided,
    i guess it's because of updated versions can your please suggest an alternative solution to the problem....
    🙂

    • @CodeWithStein
      @CodeWithStein  Год назад

      Hmm, i dont think there is any changes that I'm aware of that should cause this. The error is most likely in a typo somewhere (i guess) in your code. Try going over the tutorial again and make sure that everything is exactly as my code :-)

    • @abhinavhudda841
      @abhinavhudda841 Год назад

      @@CodeWithStein yup i found it just few minutes ago, i was not getting expected results with djoser, so i simply switched to rest framework and simplejwt authentication similar you taught in social media class,
      And i was not adding the session authentication class in settings that's why it was showing an error, i fixed it, it works flawlessly,
      Thanks stein you are the best🙂🙂

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

    As a newbie question, why did you choose vue over react? and how can you create apps like React Native? Is there any way to create apps using Vue js?

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

      Hi! Because I like Vue much better and it’s easier to learn 😉 there is a program called Quasar you can use to build mobile and desktop apps using Vue 👍🏻

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

      @@CodeWithStein Thank you Stein. Is it efficient as much as React Native or popular? I like Vue too but scaring of using it due to React's popularity in the sector.

    • @CodeWithStein
      @CodeWithStein  3 года назад +1

      Yes its just as good as React ☺️ I know React is more popular, but I think Vue will become even more popular soon ☺️

  • @prikollarkanali4895
    @prikollarkanali4895 2 года назад

    And setAsPaid(), createCreditNote() don't working bro. How i can do this problem?

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

    감사합니다 :)

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

    Thanks very much ❤️

  • @AllinOne-sv6dw
    @AllinOne-sv6dw 3 года назад +2

    can you please make a video like django vue email verification and reset password ?

    • @CodeWithStein
      @CodeWithStein  3 года назад +1

      Hi, I have this in my list of ideas already. Not sure when I will make it though :s

    • @AllinOne-sv6dw
      @AllinOne-sv6dw 3 года назад +1

      @@CodeWithStein There is no such video on RUclips.

  • @mrtherapy309
    @mrtherapy309 2 года назад

    Hi thanks for the video. I was wondering because I have tried everything I can and nothing seems to work. How can I get the information of the current logged in user, like the username.

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Hey, are you getting any errors? I thought I showed in the video how to do this? You have to load information from the backend, and store it using Vue. Just like I do with the token and similar.

    • @mrtherapy309
      @mrtherapy309 2 года назад

      @@CodeWithStein no you didn't

  • @micuzzu
    @micuzzu Год назад

    I downloaded your invoicely_vue and it isn't working either. So not sure if the new version of Vue.js broke it?

    • @CodeWithStein
      @CodeWithStein  Год назад +1

      Hmm that might be the reason yes. Maybe i used version 2 in the tutorials :/ its a bit old now

    • @micuzzu
      @micuzzu Год назад +1

      @@CodeWithStein That's unfortunate. I'll try to see what is breaking it. I'm new to Vue.js... I was more interested in the Django side of the tutorial.

    • @micuzzu
      @micuzzu Год назад +1

      @@CodeWithStein Says version 3. The tutorial is only a year and a few months old.

    • @CodeWithStein
      @CodeWithStein  Год назад

      Weird, are there any specific errors?

  • @micuzzu
    @micuzzu Год назад +1

    Are you interested in doing this again since it's not working?

    • @CodeWithStein
      @CodeWithStein  Год назад +1

      Hey, you probably just need to either use an older version of Django ☺️ or you can update the urls.py files, it requires very little code changes 👍🏻

  • @hifromkaran
    @hifromkaran 3 года назад +1

    #request Make course on Angular!

    • @CodeWithStein
      @CodeWithStein  3 года назад +3

      Nah, I really don’t like that framework :/

  • @Viezieg
    @Viezieg 2 года назад

    great tutorial, but after a few initial compilements, my app started to show just a blank page, no matter what i do.

    • @CodeWithStein
      @CodeWithStein  2 года назад +1

      Hey, thanks. Hmm, that sounds weird :-s Are there any errors in the browser or the console?

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

    💪

  • @micuzzu
    @micuzzu Год назад

    When I click sign up button nothing happens

    • @micuzzu
      @micuzzu Год назад

      Not being redirected to login page

    • @micuzzu
      @micuzzu Год назад

      I have same code as you:
      router.beforeEach((to, from, next) => {
      if (to.matched.some(record => record.meta.requireLogin) && !store.state.isAuthenticated) {
      next('/log-in')
      } else {
      next()
      }
      })

    • @micuzzu
      @micuzzu Год назад

      No errors in console

    • @micuzzu
      @micuzzu Год назад

      I copied and pasted your SignUp.vue and isn't working either

    • @CodeWithStein
      @CodeWithStein  Год назад

      Hmm weird :/ are you sure you haven’t forgotten anything?

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

    👍

  • @nutzersht1179
    @nutzersht1179 Год назад +1

    1: 03: 04 i get an 401 response from api if i try to get the Clients data :
    detail:
    "Authentication credentials were not provided."
    mounted() {
    this.getClients();
    },
    methods: {
    getClients(){
    axios
    .get('/api/v1/clients/')
    .then(response => {
    for (let i = 0; i < response.data.length; i++) {
    this.clients.push(response.data[i]);
    }
    })
    .catch((error) => {
    console.log(JSON.stringify(error));
    })
    }
    }

    • @CodeWithStein
      @CodeWithStein  Год назад

      Hey, does any of the other requests work? It can look like your token isn’t included correctly in your app.vue

    • @nutzersht1179
      @nutzersht1179 Год назад +1

      @@CodeWithStein got some typos in the initializer and in the serializer file. Now everythink is Working again thank you 🙏

  • @prikollarkanali4895
    @prikollarkanali4895 2 года назад

    Hi Stein, I'm sorry, in this course you created an invoice, but for some reason it was not created for me, it gives an error, that is, Bad Request: /api/v1/invoices/

    • @CodeWithStein
      @CodeWithStein  2 года назад

      Hey, check your email now ☺️

    • @prikollarkanali4895
      @prikollarkanali4895 2 года назад +1

      @@CodeWithStein Thank you bro, all working, i found the problem)

    • @prikollarkanali4895
      @prikollarkanali4895 2 года назад

      @@CodeWithStein I wrote to your email, can you look at it like this?

    • @CodeWithStein
      @CodeWithStein  2 года назад

      I will do that when i Get time 👍🏻

    • @prikollarkanali4895
      @prikollarkanali4895 2 года назад

      @@CodeWithStein Hello Stein, I have one problem, I created a button to delete the client, I also did the axios.delete method, I also wrote the code to delete this id, but for some reason it doesn't work, I also wrote the backend part, can you help me? Please)