/django-vue-ecommerce-store

An online clothing store built with django and vue.js

Primary LanguageVue

Django + Vue E-Commerce Store

Boutique HomePage

tip: because of the heroku server, if the website doesn't show up, change your IP address.

Description

Demo gif

Hi everyone!

Boutique is an online clothing store that you can register to it, view and buy products. The purpose of this project for me, was to test my Django and Web Development skills. I use django for the backend and Django Rest Framework for the APIs. Authentication system is handled by Djoser.

For the frontend and vue.js part I used the help of codeWithStein tutorials. This project has a responsive design too!

Demo gif

The live demo of this project was deployed on heroku server.

About the project

Let's get into some details. a user can:

  • Signup and Login
  • View account information
  • Search products
  • View product in details
  • Order products
  • View cart
  • And more

There are two categories to choose products from. Men and Women.

Getting started

Dependencies

First, make sure you have python3 and node.js installed.

Create a virtual environment and activate it:

python -m venv [directory]
[directory]\Scripts\activate.bat

Install dependencies:

pip install -r requirements.txt

Start the project

Open a terminal:

python manage.py runserver

The server should be up at http://localhost:8000

Navigate to django_ecommerce_vue directory. open a terminal:

npm run serve

Now you can interact with the site at http://localhost:8080