E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

Learn how to build an e-commerce website using Django and Vue from scratch. Django uses Python Vue uses JavaScript. Django Rest Framework is used to build the API and backend. The frontend is a separate Vue project. To handle the payments, we implement Stripe.

Learn how to build an e-commerce website using Django and Vue from scratch. Django uses Python Vue uses JavaScript.

Django Rest Framework is used to build the API and backend. The frontend is a separate Vue project. To handle the payments, we implement Stripe.

💻 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 found in the repository here: https://github.com/SteinOveHelset/djackets_django/tree/main/extras

⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:55) Demo ⌨️ (0:02:41) Install and setup (Django) ⌨️ (0:11:39) Install and setup (Vue) ⌨️ (0:15:49) Include Font Awesome ⌨️ (0:16:28) Set up the base template ⌨️ (0:22:55) Create django app and models for products ⌨️ (0:33:19) Create serializer and views for the products ⌨️ (0:39:50) Create simple front page (latest products) ⌨️ (0:45:40) View a product ⌨️ (0:55:57) Sette opp Vuex / State ⌨️ (0:57:27) Make it possible to add to cart ⌨️ (1:05:31) Implement a loading bar ⌨️ (1:08:59) Set document title (All pages) ⌨️ (1:09:58) Make it possible to view a category ⌨️ (1:21:07) Add search functionality ⌨️ (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 log in ⌨️ (1:48:38) Create a simple my account page ⌨️ (1:53:24) Proceed to checkout (Authentication) ⌨️ (1:58:59) Create a simple success page ⌨️ (2:14:29) Show my orders on the my account page ⌨️ (2:18:41) Deploy Django ⌨️ (2:40:39) Deploy Vue (Generate files locally, Send files to server, Set up nginx virtual host)

django python javascript vue

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Python Django Tutorial | Django Course

🔥Intellipaat Django course: https://intellipaat.com/python-django-training/ 👉This Python Django tutorial will help you learn what is django web development &...

Python Django Tutorial | Python Django | Django Python | Django Tutorial for Beginners

🔵 Intellipaat Django course: https://intellipaat.com/python-django-training/🔵 This Python Django tutorial will help you learn what is Django web developmen...

A Vue.js Workflow for Django

In the following notes I present a Vue.js workflow for Django which I found out working well for most use cases. Pairing JavaScript tooling like Vue CLI and create-react-app with traditional frameworks like Django is notoriously hard.

How to Build a Simple Twitter Clone using Django and Vue.js

Learn how to build a simple Twitter clone using Django and Vue.js. We will begin by installing the software we need, creating a new Django project and build a simple Twitter clone piece by piece. Most of this video will be for learning Django. But I really like the combination of Django and Vue, so I'm going to use this JavaScript framework for many different things like sending data to the backend, validation and similar.

Build a Twitter-like App with Python, Django, JavaScript and React

Learn how to build a Twitter-like App with Python, Django, Javascript and React. Build a twitter-like app in Django, Bootstrap, Javascript, & React.js. Pure Django; Pure JavaScript; Django Rest Framework; React.js; Buil-in Django Auth.