Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Overview

This is a course where you will learn to build a dynamic e-commerce shop - a fully functioning system for online shopping. You will learn to install and set up the frameworks Django and Vue.js. You will learn how to include Font Awesome and set up the base template. You will create Django apps, models, serializers and views for products, create a simple front page, view a product and set up code to add items to the cart. You will also learn to implement a loading bar, set the page title and make it possible to view different categories, add a search feature and view and edit the cart. You will learn to make it possible to sign up, log in and create a simple my account page. You will also learn how to make a checkout page, create a success page and show orders on the my account page. Finally, you will learn how to deploy Django and Vue (generate files locally, send files to server, set up nginx virtual host).

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

Reviews

Start your review of E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.