DebjitPramanick / Django-Ecommerce-Project

Basic implementation of an e-commerce website using Django.

DJANGO E-COMMERCE

A basic e-commerce app.

Steps:

1. Initialize the project
2. Initialize Store App
3. Add store app reference in the setting.py of main project
4. Create template files for store app
5. Create views - Store, Cart, Checkout
6. Create the urls in urls.py file of Store app
7. Include store urls in the main project urls.py
8. Create a static folder outside main project and Store app
9. Create two folder for css and images in static directory
10. Add static folder reference in settings.py within STATICFILES_DIRS list
11. Then add main.css in the main.html file of store app
12. Design html files for frontend of store app
13. Create database models:

• Customer
• Product
• Order
• OrderItem
• ShippingModel

14. Database migration
15. Register models
16. Create a super user
17. Add 6 dummy products from admin panel
18. Fetch products dynamically from database using store function in views.py
19. Creating for loop in store.html render products
20. For showing images of products

• Install pillow
• Create imagefield in Prodcut model
• Migrate database
• Make MEDIA_DIR as static/images/products
• Make MEDIA_URL
• Modify urlpatterns in urls.py of main project
• Creating a function in product model to return image url

21. For creating user cart

• Create dummy user from admin panel
• Create dummy order and orderitems from admin panel
• Fetch orders dynamically from database using cart function in views.py
• Creating for loop in cart.html render orders

22. To get total price of cart items and number of total items

• Create function get_total in OrderItem model which return total price
• Implement that total price for each product in html
• Create two functions in Order model to get total number of items and total price
• Pass order in the context of cart function of views.py
• Implement data in html

23. To get total price and number of items follow step 22 and change

• checkout.html
• checkout function in views.py

24. Now to create 'ADD TO CART' functionality

• Create cart.js file in static js folder
• Pass data-product and data-action attributes in 'ADD TO CART' button in HTML
• Now check if user is logged in or not
• If user is logged in we will send data
• For sending data got to views.py and create function updateItem
• Creat pipeline for updateitem and send a dummy message as response
• Create function in cart.js to post items and get a response
• Now create function in main.html within script tag to get CSRF token
• Now pass that token as headers attribute
• Now modify updateitem function in view.py to add or remove products

25. Now to render number of cart items

• Modify all the view functions in views.py and pass cartItems to html file
• Place cartItems at particular position

26. Now to update the number of items from cart page on clicking arrow keys

• Add class name 'update-cart' to the up/down arrow buttons
• Pass attribute data and data-action

27. Now make payment option visible on submitting the form on checkout page
28. Make shipping details form interactive
29. To make an order create a function in view.py and pass data to database