Discover how to develop an e-commerce site utilizing Django and Vue from scratch. Django utilizes Python Vue utilizes JavaScript.
Django Rest Structure is used to build the API and backend.
The frontend is a different Vue job. To handle the payments, we implement Stripe.
The course was developed by CodeWithStein. Take a look at his channel: https://www.youtube.com/c/CodeWithStein
CodeWithStein on twitter: https://twitter.com/codewithstein
Code – Django: https://github.com/SteinOveHelset/djackets_django
Code – Vue: https://github.com/SteinOveHelset/djackets_vue
Live demo: https://djackets.codewithstein.com/
The files and commands I use on the server can be discovered in the repository here: https://github.com/SteinOveHelset/djackets_django/tree/main/extras
⭐ Course Contents ⭐.
⌨ (0:00:00) Intro.
⌨ (0:00:55) Demonstration.
⌨ (0:02:41) Install and setup (Django).
⌨ (0:11:39) Install and setup (Vue).
⌨ (0:15:49) Include Typeface Awesome.
⌨ (0:16:28) Establish the base template.
⌨ (0:22:55) Create django app and models for items.
⌨ (0:33:19) Create serializer and views for the products.
⌨ (0:39:50) Develop simple front page (most current products).
⌨ (0:45:40) View an item.
⌨ (0:55:57) Sette opp Vuex/ State.
⌨ (0:57:27) Make it possible to contribute to haul.
⌨ (1:05:31) Carry out a loading bar.
⌨ (1:08:59) Set file title (All pages).
⌨ (1:09:58) Make it possible to view a category.
⌨ (1:21:07) Add search performance.
⌨ (1:28:07) View cart.
⌨ (1:34:34) Change contents of cart.
⌨ (1:38:14) Make it possible to sign up.
⌨ (1:43:34) Make it possible to visit.
⌨ (1:48:38) Create an easy my account page.
⌨ (1:53:24) Proceed to checkout (Authentication).
⌨ (1:58:59) Create an easy success page.
⌨ (2:14:29) Show my orders on the my account page.
⌨ (2:18:41) Deploy Django.
⌨ (2:40:39) Deploy Vue (Create files in your area, Send files to server, Establish nginx virtual host).
–.
Find out to code for free and get a developer job: https://www.freecodecamp.org.
Check out numerous articles on shows: https://freecodecamp.org/news.
And subscribe for brand-new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp.
Source