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

Apply advanced testing for your Django web application
Coursera Project Network via Coursera
APIs
Meta via Coursera
Back-End Developer Capstone
Meta via Coursera
Apply basic testing for your Django web application
Coursera Project Network via Coursera
Build CRUD REST API in Django
Coursera Project Network via Coursera