Django & React Web App Tutorial - Authentication, Databases, Deployment & More...

  Рет қаралды 319,101

Tech With Tim

Tech With Tim

Күн бұрын

Пікірлер: 340
@TechWithTim
@TechWithTim 28 күн бұрын
Want to become a software developer? Check this out - techwithtim.net/dev
@pycat141
@pycat141 7 ай бұрын
Haven't even started watching, but want to thank you for the video in advance. You're effort in raising generations of young (or junior, rather) developers is underestimated. One love, man.
@StanWukong
@StanWukong 8 ай бұрын
This couldn't have come at a more perfect time, I'm really grateful to whatever made you release this now
@lilian6171
@lilian6171 8 ай бұрын
I agree, just finished the music controller tutorial yesterday
@shafiulAlamShafi
@shafiulAlamShafi 8 ай бұрын
Same here, just started learning Django
@andrewthompson4228
@andrewthompson4228 8 ай бұрын
Yeah, I needed this right now. Just started working for a company that has a lot of in house build web apps that I need to know better. I am only a backend guy so this will be great.
@flashyrs
@flashyrs 2 ай бұрын
same bro same
@thesnedit5406
@thesnedit5406 8 ай бұрын
You won't believe me but this is exactly what i was looking for. Thank you, tech with tim!
@niranjan986
@niranjan986 8 ай бұрын
bro , you are a life saver. keep on doing the great work . We want more backend videos like this. Especially Django
@_zEuS0390_
@_zEuS0390_ 7 ай бұрын
I'm also learning React at the moment. I recently found that there's a shortcut for creating these components in VS Code. You just need to type 'rfce' (function) or 'rafce' (arrow function). This saves a lot of time.
@abhisheksharma10600
@abhisheksharma10600 7 ай бұрын
This is the best explanation for django and using it with Reactjs. Thank you so much. Please make more videos using the django backend and react frontend. Thank you so much ❤
@marktaylor9886
@marktaylor9886 8 ай бұрын
Oooh, been hyper focused on this channel for 3 weeks and now this. Nice.
@barscantayiz8131
@barscantayiz8131 8 ай бұрын
I liked how effective you use the components and react structure as well as starter template for django and simplisticly explain the concepts. This is a great video and I hope see more of them, django&react different kind of applications.👏🙌.
@tembomedia6902
@tembomedia6902 Ай бұрын
I came to realize late in my 30s that I have sever ADHD, can't complete a coding project. I have never completed a coding project in my life. I have always wanted to learn coding, this is the 1st project I have completed and pushed to Git. Thank you.
@HarleyCarroll-y9y
@HarleyCarroll-y9y Ай бұрын
I found the tutorial to be excellent! The video provided insights for individuals interested in developing a comprehensive web application using Django and React technologies. I particularly appreciated the explanation you provided regarding authentication procedures and database management processes step by step in addition, to deployment techniques. The presentation was clear and easy to follow for beginners venturing into these technologies for the time. It was refreshing to see that you covered not coding aspects but also delved into environment configurations which are often overlooked in similar tutorials. I appreciate the content; I can't wait to see more videos with in depth explanations, in the future!
@Ai7en_souke
@Ai7en_souke 8 ай бұрын
sir thank u so much for the heat you are my inspiration why i learnt programming and because of u i am doing it at the age of 14
@TechWithTim
@TechWithTim 8 ай бұрын
wow! happy to hear that, keep up the great work!
@Ai7en_souke
@Ai7en_souke 8 ай бұрын
thank u sir i will keep it up@@TechWithTim
@arnoldmarcus3634
@arnoldmarcus3634 2 ай бұрын
I know how to make python scripts and programs for engineering and modeling that just working in the IDE, but finding something that really explains the the leap to app deployment has been hard, thanks for this video. It's a gem. Most search results are more high level and don't explain the execution. Thanks for this.
@Complexo_escolar_privado
@Complexo_escolar_privado 8 ай бұрын
I really like your videos, I learn a lot from them. My dream is to belong in one of your classes but first I need to improve my English because I speak Portuguese, I live in Angola Africa and some things here are a bit limited, but I love programming, please don't stop, your channel is one of the schools I attend.
@bloodelfs123
@bloodelfs123 3 ай бұрын
For those getting the error 404 axios error. I solved it by first make sure the api.js and the .env are in the same directory. I didnt. To make sure that the error really is about not reading the .env you can replace the import in "baseURL: import.meta.env.VITE_API_URL ? import.meta.env.VITE_API_URL : apiUrl" to the env variable and it should work
@nazmusas
@nazmusas 7 ай бұрын
Next we need FastAPI + React
@shahabjami3161
@shahabjami3161 3 ай бұрын
barely started and already a great update to the previous django + react tutorial. thanks!
@yerneroneroipas8668
@yerneroneroipas8668 7 ай бұрын
Hey Tim, I struggle to follow your tutorials but I made it through this one. It would be nice if you broke your github code into branches based on chapters in the video or break the video up and associate the code at each stage as a different branch.
@techstreamm-1
@techstreamm-1 7 ай бұрын
Great Idea ..Please Tim consider doing this for your subsequent projects
@vibhakar_s
@vibhakar_s 8 ай бұрын
This is what i was exactly looking for the past week... Thank you so much buddy... Im really,... REALLY GLAD that i follow ur channel
@basura3157
@basura3157 8 ай бұрын
Hey Tim, I was just wondering if you had any plans in the near future (few months or so) to make and release an updated flutter tutorial. I've loved all of your tutorials so far and I'm really interested in learning flutter and I'm sure other people would be too.
@faresibahim8786
@faresibahim8786 3 ай бұрын
Mitch Koko has a full course on that , his channel has a ton of projects. Look up his full course on flutter on youtube
@rdnexta
@rdnexta 8 ай бұрын
Bro literally set time like 222222🔥🔥
@neilkumar3626
@neilkumar3626 8 ай бұрын
perfect; includes everything and is easily understandable
@mohammeddrgh5705
@mohammeddrgh5705 3 ай бұрын
really really good vid, the only thing i can add is that i would have loved if you do not import all the dependencies at once and rather import each one each time you need it, because it kinda creates some ambiguities but other than that everything was perfect
@dipereira0123
@dipereira0123 3 ай бұрын
This one suddenly took a whole lot more code than a simple reference project cool!
@a_l_i1405
@a_l_i1405 4 ай бұрын
Please create more projects with React and Django Thank you, it was great ❤❤❤❤❤❤❤❤
@garri_gueta
@garri_gueta 24 күн бұрын
amazing video, thanks a lot, I was searching also to include Typescript in the play, but after following this I can tell it's almost copy paste, thanks for the tutorial
@TyronneRatcliff
@TyronneRatcliff 5 ай бұрын
One of my favorite tech stacks. Awesome tutorial!
@yasynbenrhouma2814
@yasynbenrhouma2814 8 ай бұрын
You are doing god's work, We all appreciate you
@MATHANM23CS099
@MATHANM23CS099 7 ай бұрын
Brother can you make advance tutorial or explore the advance concept and show any real time project code for beginners
@ReactDj
@ReactDj 8 ай бұрын
Been trying to do user authentication but loads of trouble thank you Tim.
@samarthsaxena692
@samarthsaxena692 5 ай бұрын
I wanted to thank you for creating so many interesting videos. I was wondering if you could do more Django projects, such as how to set up google authentication.
@KikiAboderin
@KikiAboderin 4 ай бұрын
yes please @TechWithTim
@akkiammuchannel143
@akkiammuchannel143 8 ай бұрын
Hi Tim, out of curiosity will you consider looking into other parts of programming like game dev with Unity or Godot?
@AdamThao92
@AdamThao92 27 күн бұрын
My boy Tech with Tim growing that facial hair. Looking good brother!
@batuklal
@batuklal 7 ай бұрын
hey completed this one and everythin worked fine now i will modify it more so i can upload it in my resume since this is my first project.
@techstreamm-1
@techstreamm-1 7 ай бұрын
Congrats Were you able to upload the proect on choreo
@batuklal
@batuklal 7 ай бұрын
@@techstreamm-1 yeah every thing was fine and uploaded it tho the project is very basic we should try to implement update partsince it doesn't cover all crud operation
@jamespeters1617
@jamespeters1617 Ай бұрын
You bot on the discord is confused don’t think he’ll get you any message either, but well done on your videos and maybe I’ll hear from you. Or keep checking in, the project is getting better everyday. Thanks Tim, your awesome
@dhruv3962
@dhruv3962 8 ай бұрын
Thanks Tim that's exactly i was looking for
@GamePlay-pl2nv
@GamePlay-pl2nv 8 ай бұрын
hi , i wanted to thank you for all your time and effort,one of most important things we need as a developer is securing our apps,could you please teach us how to secure our apps(secure coding) so it won't be hacked easily, thank you again
@ams5097
@ams5097 14 күн бұрын
when running npm run dev, returns blank screen under local host. Does not have register, tried everything under the sun even AI to check the code, doesnt work..
@emirbuyukceylan7280
@emirbuyukceylan7280 Ай бұрын
Thank you so much Tim. This is unbelievable. thank you for your efforts.
@yessirski7868
@yessirski7868 7 ай бұрын
hey tim been watching you for about 3 years now. Luv the content you provide. Could you do a crash course/tutorial on building an app using MERN stack?
@RosieLee-em3cc
@RosieLee-em3cc 7 ай бұрын
Thanks Tim. What a great tutorial !!!
@rohollaahmadzadeh7201
@rohollaahmadzadeh7201 Ай бұрын
I can't thank you enough, this video saved me
@andresbonelli
@andresbonelli 5 ай бұрын
This is pure gold...
@oluwaseunladeinde410
@oluwaseunladeinde410 6 ай бұрын
Lovely piece of work Tim. Thank you for sharing.
@felipelopes5649
@felipelopes5649 2 ай бұрын
Muito obrigado! Era o que precisava para começar. Parabéns por compartilhar seu conhecimento conosco. Grato.😁
@AdolfRizzler41
@AdolfRizzler41 7 ай бұрын
I am node developer but want to learn django because it seems better
@kodiak809
@kodiak809 7 ай бұрын
but node is faster
@muzamilrashid7265
@muzamilrashid7265 6 ай бұрын
@@kodiak809 but nowadays most websites have Django as backend :-(
@osmankain1508
@osmankain1508 6 ай бұрын
And Django is more secure ​@@kodiak809
@ffzz007
@ffzz007 7 ай бұрын
Thanks Tim alot.... I have a humble request that if you could add a Social Login too with this application and upload a second part and that would make this a Complete Authentication system. Hope you consider this request❤
@jrose2082
@jrose2082 4 ай бұрын
amazing video, appreciate all the time and efforts you put forth for the content. thanks
@gilles01990
@gilles01990 8 ай бұрын
Thanks Tim for all your content !
@spsomnath
@spsomnath 8 ай бұрын
This is exactly what I'm looking for
@KubekSS
@KubekSS 4 ай бұрын
Искал на ютубе p2p связки и набрел на этот видос.. решил крутануть, работает
@arghosinha1424
@arghosinha1424 2 ай бұрын
It would be so great if you could put down all the links that you are referring to while make the projects.
@joeakatsa2270
@joeakatsa2270 6 ай бұрын
bless up man waiting for the ecommerce one now
@romiljain2092
@romiljain2092 3 ай бұрын
Great tutorial! However storing in local storage is an insecure way to store jwt. We should be storing it in memory instead.
@uzairzarry8691
@uzairzarry8691 8 ай бұрын
Now you are talking i was waiting for this 😂❤
@s1mple..
@s1mple.. 4 ай бұрын
Great Content,want more videos on django REST framework and django, Subscribed❤
@b-ball7458
@b-ball7458 7 ай бұрын
Was really enjoying the tutorial until I ran into an error when doing the make migrations where it states "connection to server on socket "/tmp/.s.PGSQL.5432" failed: Socket operation on non-socket Is the server running locally and accepting connections on that socket?" Cannot get past this :(
@oblivion7300
@oblivion7300 7 ай бұрын
You and i seem to be the only ones following along I was doing okay Unttil I kept running into CORS issue added CORS to chrome browser and still having an issue. I’m learning its best to to learn from ChatGPT or something like that because at least with that you can get an answer back
@CamilleLeon
@CamilleLeon 7 ай бұрын
try changing your 'settings.py' file ln98 to DATABASES = { "default": { "ENGINE": "django.db.backends.sqlite3", "NAME": BASE_DIR / "db.sqlite3", } }
@oblivion7300
@oblivion7300 7 ай бұрын
@@CamilleLeon It was. typo. then I had a CORS issue that drove me crazy and then I got a chrome plugin that allowed it to work.When your learning to code this can be so frustrating
@insensibility
@insensibility 8 ай бұрын
You're amazing, Tim!
@arielduarte719
@arielduarte719 2 ай бұрын
Thank you so much for this great tutorial, I learned a lot of things new stuff!.
@EmmanuelBronyah
@EmmanuelBronyah 8 ай бұрын
Tim, you are a live saver!. Thank you very much.
@sanketpathak6621
@sanketpathak6621 4 ай бұрын
Awesome video, we want more like this. Just to confirm it is a bit difficult for beginners to grasp? Like it's been a month I started out with Django and react
@wanndev-code
@wanndev-code 8 ай бұрын
the one I look forward to the most
@timbrap4693
@timbrap4693 8 ай бұрын
Decoding jwt on frontend? ):
@nelsonberm3910
@nelsonberm3910 4 ай бұрын
great tutorial tim!
@opokuandrew5716
@opokuandrew5716 8 ай бұрын
exactly what I was looking for
@NugrohoBudianggoro
@NugrohoBudianggoro 27 күн бұрын
thank you very much for this video! (bookmarking 33:01)
@monsterking2169
@monsterking2169 4 күн бұрын
Quick question - Is Django's REST frame work necessary to use REACT as front-end or we can just go with Django ?? (btw i have 0 knowledge on Django REST frame-work)
@CodeWithClinton
@CodeWithClinton 3 ай бұрын
Thank you so much Tim for this video.
@kazmi401
@kazmi401 8 ай бұрын
Keyboard sound is quite nice.
@joshuaarinaitwe8351
@joshuaarinaitwe8351 7 ай бұрын
Tim you should know that you are a genius
@joeywhite1891
@joeywhite1891 21 күн бұрын
hey guys, just wanted to throw this comment in, when I was doing this on VS Code, it uses powershell by default. To activate the python virtual environment, the command is actually '.\env\Scripts\Activate.ps1'
@joeywhite1891
@joeywhite1891 21 күн бұрын
you can tell if you activated the virtual environment if the name of the environment (usually env) is in parenthesis at the beginning of the command prompt / powershell prompt.
@lll-gr7dk
@lll-gr7dk 5 ай бұрын
Can you also make a tutorial video on deploying on Choreo with a NEXTJS project
@jamespeters1617
@jamespeters1617 Ай бұрын
This token thing is super useful thanks
@somtechnology1811
@somtechnology1811 8 ай бұрын
can tell us where can we find full course for Flask or can u do it please
@youssefbarkaoui3502
@youssefbarkaoui3502 5 ай бұрын
great tutorial and very efficient thx dude
@KayderimGameplays
@KayderimGameplays 8 ай бұрын
Thanks Tim!
@animal_ships
@animal_ships 8 ай бұрын
Bro thanks for your unconditional help ❤❤❤
@foenixsc5412
@foenixsc5412 5 ай бұрын
AxiosError: Request failed with status code 502. Anyone know how to fix with Choreo?
@abidusage9765
@abidusage9765 Ай бұрын
I'd like to know in which way we can implement the relation one to many to the note
@batuklal
@batuklal 7 ай бұрын
can u pls make a e commerce website fully complished with django rest framework it will be very helpfull in one video
@VarunTripathi8307
@VarunTripathi8307 8 ай бұрын
This video will cross million views
@TechWithTim
@TechWithTim 8 ай бұрын
I hope so :)
@Michelle-me6sg
@Michelle-me6sg 7 ай бұрын
should we be hashing the user passwords we are saving? I am getting error "{ "detail": "No active account found with the given credentials" }"
@MuhammadHaseebAhmed
@MuhammadHaseebAhmed 6 ай бұрын
have you figure out the problem?
@gavin4056
@gavin4056 5 ай бұрын
yea im getting the same issue, the token obtain only works with superuser logins
@immrudul
@immrudul 13 күн бұрын
Django makes you have to hash the password. You can use .set_password() which will handle that for you. Here is the create function that works for me: def create(self, validated_data): user = User( username=validated_data["username"], ) user.set_password(validated_data["password"]) # Hash the password user.save() return user
@solartribal7273
@solartribal7273 7 ай бұрын
Finally Django XD. Thanks Tim :)
@abd1428
@abd1428 8 ай бұрын
nice I have been looking for new content about this , thx Tim
@oj43085
@oj43085 8 ай бұрын
very cool! following along the video , stuck at api.js does not provide export named 'api' even though it does.
@TechWithTim
@TechWithTim 8 ай бұрын
Just make sure you have the export name before it
@potrishead
@potrishead 6 ай бұрын
Awesome video, thank you so much! But I have a question. Why do you sometimes use 'python3' and sometimes 'python' in the Terminal?
@Eazyoflaylay
@Eazyoflaylay Ай бұрын
MACBOOK VS WINDOWS
@rolandonunez1893
@rolandonunez1893 7 ай бұрын
Thank you very much for this!! it helps me a lot!!!
@manohartimothy5825
@manohartimothy5825 2 ай бұрын
It was enjoyable and very well-explained. But I am facing a problem with creating a Note. Submitting a Note gives me an Error message like AxiosError: Request failed with status code 405 and "detail": "Authentication credentials were not provided." Please explain why?
@EnglishRain
@EnglishRain 8 ай бұрын
I got excited to see a DJI app for a sec
@Maxmarcos84
@Maxmarcos84 6 ай бұрын
Do you have a video where you explain how to handle errors and show the actual server message, because the catch error from this exaple just says "Request failed with status code..something" when try to create an user thay already exist or you try to login whith a wrong password. Thanks!
@cruzej2228
@cruzej2228 7 ай бұрын
good project to example to practice
@ragnarok9131
@ragnarok9131 8 ай бұрын
Great video!! Thankyou
@abdulhannan8129
@abdulhannan8129 7 ай бұрын
Hello tim sir. Sir I have a question that I am not good at maths so can I learn dsa and become good at it??
@TrilioniME
@TrilioniME 7 ай бұрын
FastAPI + React example please. Thank you for Flask and Django.
@AliHassan-hf6uq
@AliHassan-hf6uq Ай бұрын
hello tim ,firstlly thank you soo much about this special course,just i have one question, i want to make nested page home and this page has ProtectedRoute , i try ta make that in the normal steps but it does not work ,can you give us some information or any person can help me,thank you .
@ericmuijs1938
@ericmuijs1938 7 ай бұрын
Perfect, thanks a ton!
@jonn5422
@jonn5422 6 ай бұрын
trying to follow along on this but React is not a Buildpack option for me when creating the frontend service in choreo...
@chegegitiche
@chegegitiche 6 ай бұрын
Thank you for the lovely video quick question at minute 31 you are trying to get the access token but on my side im getting the error "no active account found with given credentials" do u have any pointers as how to resolve this
@neiljohn2637
@neiljohn2637 5 ай бұрын
did you create the user, as in did u feed in username and password in /register url
@chegegitiche
@chegegitiche 4 ай бұрын
@@neiljohn2637 Thank you for this pointer 😌 It is now working
@yass3lon
@yass3lon 8 ай бұрын
What made you change from Windows to macOS?
@not_amanullah
@not_amanullah 7 ай бұрын
This is helpful ❤
Learn Django in 20 Minutes!!
21:25
Tech With Tim
Рет қаралды 417 М.
I built 10 web apps... with 10 different languages
14:23
Fireship
Рет қаралды 1,6 МЛН
ТЮРЕМЩИК В БОКСЕ! #shorts
00:58
HARD_MMA
Рет қаралды 2,6 МЛН
Noodles Eating Challenge, So Magical! So Much Fun#Funnyfamily #Partygames #Funny
00:33
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 804 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
React And Django Secure Authentication #1 | JWT tokens
19:07
Matt Makes Code
Рет қаралды 3,4 М.
Build an e-commerce site... with a twist - Web Dev Challenge S1E3
26:20
Learn With Jason
Рет қаралды 219 М.
How To Make a Django REST API - Full Tutorial & Deployment
40:18
Tech With Tim
Рет қаралды 97 М.
GUESS THE LANGUAGE VS ASIA EXPERT
30:09
NDL
Рет қаралды 1,8 МЛН