Django Ecommerce Website | Setup & Templates | Part 1

[@DennisIvy]

BUG FIXES: - 5:08: Instructions say "startproject" but this should be "startapp" Feel free to add any issue you see in the comments and I'll update this comment.

[@Chinmay_395]

I really want this website using React & restAPI with DRF. You are a great teacher.

[@Deeredman4]

Can we legally use the images used in this course (like the shopping cart) for commercial purposes?

[@anjuts9867]

Started an account in codewithsteps. But I am facing payment issues. Please help.

[@stanford19]

I don't know if it's a bug rather than a changed setting in the current Bootstrap but my Navbar and page contents are not filling the screen. Instead, they are centered in the middle. How is this changed?

[@Maskxo]

Hi Dennis. Ths for the great tutorial. Can you explain in more detail what the "env" folder is for? Thank you and keep up the good work.

[@DennisIvy]

00:00 - Introduction 00:53 - Product Overview 2:30 - Course Overview 4:25 - Project Setup 5:30 - Create Templates 7:45 - Views/URL's 12:20 - Static Files 17:45 - Main Template Setup 22:50 - Navbar 28:25 - Style Products Page 35:25 - Style Cart Page 48:35 - Style Checkout Page

[@rma9490]

Hey! In Step3 of Part1 in your website it says "Create app" but the source code is "python manage.py startproject store" is it "python manage.py startapp store"?

[@cubedev4838]

I dont know what to say!! I like your channel!! Your channel will become big soon. Your channel really help people out there including me...thanks alot

[@VishalSharma-yy3sq]

Sir, I have seen your videos and learnt a lot about django, Sir can you add a section in which, admin can add, delete or update a product,so that a user can view it

[@DennisIvy]

Thank you for bringing that to my attention. Just fixed it :)

[@takx1983]

Thank you 🙏 Exactly where I’m up to on my project.

[@akshayawate7239]

Just got up, opened youtube, got your video, started a day with building ecommrce website.Thanks for everything Denni.

[@DennisIvy]

Hope you enjoy it :)

[@ai.201]

I can feel this is some serious hardwork you put into this video, specially teaching this from your website, it must have took a lot of time putting these tutorial on your website. God bless you and may you get everything you want in your life.

[@infohub3709]

At 14:48 make sure you "import os" preferably under the path import. This is for later versions of django.

[@Daredevil666]

thx

[@STUDENTCHANNEL-C_te]

should I import it in the app urls or in the project's urls

[@taufiqulhaque4987]

I have spent a lot of time on Udemy, Coursera, Edx, youtube etc platform to learn Django. But I can't even compare you with those instructors. I really do not know, what should I say . Your great Dennis brother. Following only your tutorials from last 2 months. Now, realize I have wasted my huge time by watching other's Tutorial. Alhamdulillah, You really teach best than other paid instructor. I think, your course is not free of cost.. actually your course is priceless to me. I am not a native English speaker but still enjoying your course. Because you not only teach by lecture but also your coding is like human language. Thanks a lot, Dennis. You care for us.

[@LetCode96666]

Yes, I'm talking to you! Whoever you are, THIS IS ONE OF THE GREATEST DJANGO TUTORIAL ON KZbin!!!! Period! Thanks again Dennis

[@randomtalks5253]

👏👏👏 on the planet actually😀

[@webrokein]

Thank you, Dennis! You're doing the Lord's work helping us new converts with these series.

[@brianmutiso1003]

🤣🤣true

[@successdavid8959]

Yeah God bless him 🥺

[@richluetoure5386]

Lol

[@DiannysPerdomo]

Denis for me you are one of the best, honestly it is a pity that you have not started doing courses before. You go straight to the important and fundamental things we use using Django. Thanks for everything, I have learned with a course from you much more than in months of study. Thank you

[@charliemcguire4319]

exactly so many terrible videos and resources out there but not here!

[@naod3298]

Totally yes, he explained exactly what I wanted to know within a short time. How precious video.

[@princefawemimoolawale5039]

Please, direct me where to buy the resources code and video

[@akshaytati]

@@princefawemimoolawale5039 its in the description

[@rma9490]

Hello from Japan So excited to see and do all of this course! Also looking forward to your next advanced REST version Thank you so much for your great work!

[@DennisIvy]

Hi Ryo :) Yes I'm exited to make it. It was challenging making this without REST but I wanted to include beginners in this series.

[@akshitagarg5914]

@@DennisIvy yeahh bring restAPI soon..Is restAPI easy to work with

[@sahilkhanna9782]

We are waiting

[@sahilkhanna9782]

We are waiting

[@AbdulSamadNP]

We are waiting

[@magicmystery4211]

I was interested on python & django. So now from few days back i have started to watch your django 3.0 crash course. And i have learned alot. I will learn this after the completion of that. Thanks to you.

[@shokhrukhnazarov3622]

Man just 3days ago I started to learn Django and yesterday suddenty watched your video....You have good ability to explain the things and common problems I think. so keep uploading different things and I also learn with you))

[@marinaalmeida8879]

The best teacher and the best course. Now I am learning Django e Python. So excited with everything that I'm learning. Thank you so much Dennis!

[@sinoraysinc8445]

Dennis is as elegant and productive as his coding mindset from all aspects!

[@petenjs3500]

Amazing!! Coming here following on from your Django course, really appreciate how much time you put into these and how well you explain things! Please keep creating content, there are lots of budding developers such as myself that benefit greatly from it!

[@cesaralvarez9436]

I'm going to watch this series right after I finish the crash course, Thank you Dennis!

[@cjaydip]

Please include a "Search" option. Without "Search" an e-commerce website is missing a major functionality.

[@101kawsar]

That's a simple thing. He said he is gonna focus on core functionalities.

[@kodiubah99]

You can use JavaScript Regex for that

[@chisangamumba2961]

@@101kawsar search is a core functionality.

[@allahabadtop5144]

Yes add it, in some other video

[@wanderer_ankur]

This is one of the best channels I have ever seen ... No course on youtube can ever provide such great insights for Django ... Thanks, my mentor :)

[@adityarajora7219]

literally, man, you're too hardworking which reduces our effort in learning.

[@suthirakprom]

I've seen a lot of tutorial online. You are the best one so far for me. Idk why, but your video made it so easy for beginner like me to catch up.

[@prashmai6368]

waiting for react-Django e-commerce... the best channel on Django I just found...

[@piotrpeplinski5058]

I wanted to create Django e commerce store and you provided me with everything that i needed! Thank you so much

[@sriharsha1162]

You are the best teacher of django in youtube 🙏🙏

[@timrc666]

I don't know if anybody posted this yet or not but at 35:13 instead of putting the CSS line in the HTML to align price in the h4 tag you can go to your main.css file and add .col-lg-4 h4 this will target the h4 tag within the div class col-lg-4... then use the css styling float: right; and you will get the same effect using CSS :)

[@dominicsciarrino607]

Note that in the CSS for #cart-total I had to change display from 'block' to 'inline-block' to have it render the item count properly. I also changed the 'align-items' property in the .cart-row selector from 'flex-stretch' to just 'stretch'

[@noeryk]

thx ;)

[@VonKouen]

Thank uuu

[@werkwerk941]

@@VonKouen Thank Thank Thank

[@sergiomelgarejo4500]

35:08. The entire "h4" tag could be replaced with 20 $ . Great tutorial!

[@G4GBill]

I believe you have the right idea creating a class, but the css would be moved to the css file and add that to the class in the css file.

[@abbysands9510]

That is good but that is the old style of programming where the CSS file is embedded through the HTML file. Nowadays all code related to CSS is stored inside a CSS file which is kept separate from the HTML code. The CSS file is then linked to the main HTML document. Not only is it cleaner but it makes refactoring a lot easier. Think of it this way HTML -> Represent the skeleton of the code which is plain CSS -> Represent the styling of the page which is the beauty of the page - the muscle of the page JS -> Represent the behaviour of the page - how the page moves and behaves

[@স্বচ্ছনিরবতা]

If anyone using Bootstrap 5, use float-end instead of float-right.

[@ThexRasTafari]

You can also put in css file just: h4{ float: right; } This one do the same thing in less lines.

[@muddannahampanna7690]

I actually made my first subscription of you Dennis. Great work

[@digitalnomad6262]

You're doing a great job dude, blessed period. Keep doing tutorials!

[@adithyagowli4690]

Love you bro one of the best python Django teacher's on the planet

[@magpinybo7524]

I came here after completing the chat app, it's amazing after the e-commerce one, i believe i'll be close to django fluency

[@nizarahamed.m1004]

Very clear explanation, as a beginner i was able to understand thoroughly,appreciate your efforts!!

[@aryangupta8622]

Honestly learnt so much from you than I have so far in Uni doing software eng !! Keep up the great content

[@puspitasahoo3420]

0:00 - Introduction 0:53 - Product Overview 2:30 - Course Overview 4:25 - Project Setup 5:30 - Create Templates 7:45 - Views/URL's 12:20 - Static Files 17:45 - Main Template Setup 22:50 - Navbar 28:25 - Style Products Page 35:25 - Style Cart Page 48:35 - Style Checkout Page

[@jn5912]

Great video! I got > NameError: name 'os' is not defined < during the Static Files part. Resolved by adding "import os" somewhere at the top of the settings.py file.

[@eephilosophy]

Seems like that is a common problem in many of the training videos I have watched.

[@Ali-lm7uw]

Import the os

[@ai.201]

Thanks Denis, it's 7 in the morning and I'm about to watch your video, because I want to be great developer like you

[@DennisIvy]

Keep at it, one day it will pay off :)

[@ekwogeblaise2597]

Thank you so much for sharing... Made up my mind to go back to all your previous videos on Django. I got so excited watching your video last month and since then, I don't see myself anymore as a beginner in Django. Excited and waiting for the version with using the Rest API, haven't read on it before, but hoping to do before you video release. Again thanks so much for sharing.

[@gopirao4541]

Thank you very much for your Django videos Mr.Dennis Ivy, I am learning and enjoying learning parallelly.

[@hawaakter7966]

Best videos I have ever seen to learn Django. You did the great work, videos with documentation step by step, lots of love for you from the depth of my heart. Please continue your incredible initiative. I hope your channel will be the best programming channel soon. May Allah bless you.

[@Flamiooo]

it is good to see that i am not the only one who doesn't have a custom domain

[@SreebashDasFitness]

Thank you so much! Excited and waiting for this demanding series.

[@Raahim]

Love how not only the tutorial is amazing but also high quality!

[@ВасилийПопов-ъ9й]

didn't get it, is course free or not?

[@Raahim]

@@ВасилийПопов-ъ9й I’m talking about the video...

[@ВасилийПопов-ъ9й]

@@Raahim I asked because your comment was newest

[@Raahim]

@@ВасилийПопов-ъ9й Okay

[@uncreativename454]

I love these so much Just finished your Django course, you're the best! Thank you so much for making these they're a huge help.

[@manuelpineda402]

Dennis!! thanks a lot for all the courses. All of them are really amazing! The best channel ever!

[@AabidKhan-bv7qk]

thanks sir its really awesome... i am a beginner in django and find it really exciting to follow it.... Love from India

[@francisopiyo2332]

I am watching this 4 years later and wondering if you ever built the REST counterpart of this shopping cart. The guidance is amazing.

[@abbaskareem5281]

Complete first video , going right away to the second .... Thank you sir 😍😍

[@amazekhashaa7309]

This is great course. Your voice is very strong and its not compatible for software devs, engineers. You should become brand manager.

[@prakashsaravanan6613]

Excellent Explanation Sir, Hats off .Respect from India.

[@pawanmishra9342]

I am excited, you are just awsome, I can't stop watching your tutorials

[@oOcitizenOo]

Thanks for this course in advance, Den! Gonna watch it and make Ecommerce website together with you right after watching your Django course (so that i don't feel lost or totally unaware of what is happening on the screen )

[@namanjoshi2741]

What an amazing video series, great work Dennis. Super excited to watch the next videos, Thanks for your efforts.

[@emalfiza3386]

Your awsome, how amazing you planned this tutorial. I really needed e-commerce full app. thank you Denis

[@codeazz3330]

In the previous project you didn't mention the pk url problem and how the avoid the manipulation in the url the get other users data. I found a way throw get object or 404 and it worked ! I really appreciate you're work and the only word that i would tell you it s : thank you undefinately !

[@easycoding4435]

This course is well structured and easy to follow. waiting for you next REST API video. the video and course material and the source codes make it so easy to follow. thanks man

[@ThemanALM]

Great work' really appreciates your work. But there is one issue in the navbar, cart image, and login link was coming on the left of my navbar instead of right. I think ml-auto was missing

[@நலமேவளம்]

Thank you very much sir This video will help my father a lot I will share this to everyone

[@aliberspilberg1]

Puedes crear un nuevo tutorial de Django ecommerce? Con nuevas implementacines... Y otra apariencia?

[@shaysframe1472]

I was following this tutorial but when I came to the static file part, it didn't quite work as it works on the tutorial. if you move the static folder inside the store app instead of the root directory it works. Can someone explain why it's not working like the video?

[@tinnie6770]

can we have recommendations in this website

[@soultouchingsongs]

Thank you so much for all your efforts. I watched your other videos on Django. All of them are just awesome. 🙌👍👌 . I bought your Django + React Ecommerce Course on Udemy. Will start watching after completing this tutorial.

[@RAUSHANSINGH007]

Thanks sir Dennis, for this ecommerce website i am always want to learn such things in proper explanation and you made me understandable every point will expecting more lecture on django with more backend process

[@laughterleaks]

Thank You Dennis, You are really helping the beginners to learn django easily :)

[@tejars180]

You are my motivation. Learning and loving django

[@Monray87]

Thanks for taking the time and the effort to create this type of content

[@jameskulu]

Thanks dennis Was waiting for this

[@adithyamanikandan9503]

This tutorial really helped me in understanding django,and build a wonderful website this is a perfect beginners guide to django ❤️

[@harshalk5864]

you are an inspiration for all of us Dennis

[@DreamwebMarocasa]

I want to thank you Dennis for sharing your knowlidge with us. This is very generose from your part. Everything is perfect, including the video and sound quality. Also, the website, the examples...Great job, this is top. You are well organized, I thank you again for that and I hope we can learn more from you. I wish you the best and lots of subscribers.

[@orlando_]

Thank you Dennis!!, when do you expect to finish the course?

[@varunkrishnaKyathanpally]

One of the best Django tutorials! Thank you for the video!

[@jhoglufy]

Wow. I was digging for a ecommerce site last few days. After almost 4 days of crawling I've started to do your project. This part is successfully done. It's working very nice. I wonder is there any part where we'll add category wised product?

[@whoozy1555]

That new KZbin feature is sick... Nice Video

[@tommyeagen3763]

I've been sooooo waiting for this

[@somamitra494]

Thank you very much for this project . It has helped me a lot. Stay blessed and keep more progress.

[@Torres158]

The video I've been waiting for. Thanks!

[@hanminho9921]

oh I really needed this. I am doing a website project for my college so I hope this will be helpful and actually I am kinda sure about that. thank u so much and good job

[@diegorbb4422]

Hey Dennis, just following this as it looks really interesting and I'm looking to build something similar for a wee shop for friends. At 30:39 I had to add 'margin-top: 10px;' to the .box-element in the CSS file in order to be able to have that space between the Navbar and the 3 boxes. Not sure how you managed to get that done without that addition to the CSS though.

[@muaythai7534]

Great! what would be the use in this project to integrate django rest framework ?

[@Sarjais_Raja]

Amazing, I am looking forward to when i create the final look i am also thinking of adding some functionality of mine😁

[@sumitrasreekanth2938]

Really very much useful video for django developers. you are a such a awesome person done a good job. Keep on creating this video.

[@gheorghecater]

Thank you for this awesome, when do you expect to finish the course? The project does not contain a database of products in stock

[@zdinbalti]

Thank you Dennis, great work, It's amazing your teaching methods and so clear everything, you said will do it with Django React, looking forward to that too, the will be great there's no tutorial on react Django full stack on any platform. Keep it up

[@samiurias]

This tutorial is being extremely easy to follow

[@kashibrown9989]

hello this video has been helping so far, but I want to ask you mentioned you adding api to the ecommerce website i am really interested in it, checked your future videos and i didn't see anything like that, are you still going to make a video of it?

[@dinindutheekshana2254]

in vscode (visual studio code) type doc and hit enter to create basic html interface

[@sphinx4579]

First, thank you for the excellent tutorial! You may want to close the img tag when you do the row-cart section since that makes the whole row not align items correctly. It took me a while to realize the closing tag was the problem.

[@juanignaciobarroso5371]

I have the same problem, but i try your solution and its dosent work yet. Can you put me in code your solution? I think I did something wrong

[@prashanthpremakumar6637]

This course is really good. Thanks for it!

[@mr.incognito8426]

Love your work brother

[@margaleite2055]

Hi Dennis, do you perhaps have any tutorials using Tree structures with MPTT?

[@5thbatman]

Thank you very much Dennis, very much friendly enough to understand the concepts

[@MuzaffarMamaroziqov-f5c]

this video have been very useful for me thank you a lot Dennis

[@amankaushik5833]

Thank you so much for investing your time and effort to make this video!!👌👏

[@samandarshoyimov5580]

You are great teacher. You made everything ready for us

[@jose-kb1dg]

Very good tutorial. Only one question. I see that you have shoes and T-shirts in your products. How do you add sizes to these products?.

[@ahmadsharifkhannoor]

In your root directory create a folder called "static". Inside the new “static” folder, let's create a folder called "CSS" and another called "Images". These files will hold all of our CSS and Images. I have done that and my CSS file and images and any other static file are not working then I cut the static file and past in the store app and its working

[@HassanKhalil]

why don't you have more views/recognition? amazing stuff.

[@yamisingh7433]

immensely helpful sir thank you alot love from INDIA

[@ogedengbeolumide7375]

Hello Denise. So excited to have come across this tutorial, it has simply solved a lot of problems I face on using this version of the python framework. After following the video step by step on running the python command "python manage.py runserver"the application keep giving me errorTemplateDoesNotExist at / store/store.html please what could be responsible for this?

[@sohansoharab1670]

It's great to see a walk along project initiative. That's awesome. I have a request. Can you discuss what should one prepare before developing a website. Like I'm saying does anybody needs to design a prototype in a notebook or considering the required views/functions/models.. How do you construct your project structure? I hope you got me

[@oluwadamilaretijani1777]

Thanks so much for this awesome videos. Looking forward for the next series. From Nigeria.