YoVDO

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

Offered By: freeCodeCamp

Tags

Django Courses Vue JS Courses E-commerce Courses Web Development Courses

Course Description

Overview

Build a fully functional e-commerce website from scratch using Django and Vue in this comprehensive tutorial. Learn to create a robust backend API with Django Rest Framework and develop an interactive frontend with Vue. Implement essential features including product listings, shopping cart functionality, user authentication, and secure payment processing with Stripe integration. Master deployment techniques for both Django and Vue components, and gain practical insights into setting up a production environment with Nginx. By the end of this 2-3 hour tutorial, acquire the skills to develop, customize, and launch your own e-commerce platform.

Syllabus

Intro.
Demo.
Install and setup (Django).
Install and setup (Vue).
Include Font Awesome.
Set up the base template.
Create django app and models for products.
Create serializer and views for the products.
Create simple front page (latest products).
View a product .
Sette opp Vuex / State.
Make it possible to add to cart.
Implement a loading bar.
Set document title (All pages).
Make it possible to view a category.
Add search functionality.
View cart.
Change contents of cart.
Make it possible to sign up.
Make it possible to log in.
Create a simple my account page.
Proceed to checkout (Authentication).
Create a simple success page.
Show my orders on the my account page.
Deploy Django .
Deploy Vue (Generate files locally, Send files to server, Set up nginx virtual host).


Taught by

freeCodeCamp.org

Related Courses

React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Create Amazing Vue Apps with Javascript
Udemy
Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy
VueJS V1 Introduction to VueJS JavaScript Framework
Udemy
Build Web Apps with Vue JS 3 & Firebase
Udemy