A comprehensive ecommerce web application developed using Vue.js for the frontend and Django for the backend, with a PostgreSQL database.
- Frontend: Vue.js
- Backend: Django, Django REST Framework
- Database: PostgreSQL
- Other Key Libraries: Vuex, axios
Here are the steps to setup this project locally:
- Clone the repo
git clone https://github.com/your-github-username/Vue-Django-Ecommerce-WebApp.git
cd Vue-Django-Ecommerce-WebApp
- Setup the Python Virtual Environment and install dependencies
cd ecommerce
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
- Setup the Vue.js frontend
cd ../frontend
npm install
- Setup the PostgreSQL Database You need to install PostgreSQL, create a new database, and add the credentials to the .env file in the Django settings.
Here is a template of what the .env file should contain:
DB_NAME=your_db_name
DB_USER=your_postgres_username
DB_PASSWORD=your_postgres_user_password
DB_HOST=localhost
DB_PORT=5432
- Run Django server Make sure you're in the ecommerce directory (where manage.py is located), then run:
python manage.py makemigrations
python manage.py migrate
python manage.py runserver
This will start the Django server on http://localhost:8000.
- Run Vue.js server
npm run serve
This will start the Vue.js server on http://localhost:8080.
Now, you should be able to access the web app on http://localhost:8080.
- User Authentication: Users can register, login, and logout. User sessions are managed using JWT tokens.
- Product List: All products are displayed with key details on the home page.
- Product Detail: Users can view more details about a product by clicking on it from the product list.
- Shopping Cart: Users can add products to their shopping cart and view the cart.
- Checkout Process: Users can enter their shipping and billing information and place their order.
MIT