Kendriya Vidyalaya NAL

Bengaluru

Project Report on
Shop Easy
-A web based online shopping portal

BY

Adithya M.S XII B & Tejasvi Kaul XII B

ACADEMIC YEAR : 2021-22

Guided by
Smt. H.R.Puttalakshmi
PGT Computer Science
KV NAL Bengaluru
 GROUP MEMBERS
GROUP MEMBER - 1
ROLL NO. : 12217
NAME : ADITHYA M S
CLASS : XII
SECTION : B
SUBJECT : COMPUTER SCIENCE
SUB CODE : 083

GROUP MEMBER - 2
ROLL NO. : 1221
NAME : TEJASVI KAUL
CLASS : XII
SECTION : B
SUBJECT : COMPUTER SCIENCE
SUB CODE : 083
 CERTIFICATE

This is to certify that Master.Adithya M S ,

Class XII-B Roll no : ____________ of
Kendriya Vidyalaya NAL has successfully
prepared the report on the project titled
“_____________________” for the academic
year 2021-2022, under the supervision of
Smt. H.R.Puttalakshmi , PGT computer science.
This report is the result of his efforts and
endeavors. The report is found worthy of
acceptance as final project report for the
subject Computer Science (083) of class XII.

Signature of External Examiner Signature of Internal Examiner

Place: Bengaluru

Date: Principal
 ACKNOWLEDGEMENT
"Any Milestone is not possible without a stepping
stone".Here I wish to extend my gratitude to those stepping
stones who made this project an experience to learn.
I thank Principal KV NAL for the opportunity to pursue
this project.
I would place on record my sincere thanks to my
teacher Mrs.H R PUTTALAKSHMI for her support during the
preparation and ongoing project work, I am very thankful for
her guidance.
I thank my parents for being a constant source of
motivation for my endeavours and provide me ample
opportunity to learn.
I thank my teammate for the discussions and learnings
which truly was an experience.
My sincere gratitude to one and all who directly or
indirectly, have lent their helping hand in this venture.
HARDWARE AND SOFTWARE REQUIREMENTS

⮚ HARDWARE SPECIFICATIONS:

SYSTEM : LAPTOP
PROCESSOR : INTEL CORE I5 vPro
MOTHERBOARD : LENOVO 81D6
RAM : 4 GB
HARD DISK : 1 TB
CD/DVD r/w multi-drive : 8 GB
WORD SIZE : 64-bit
MONITOR : 15.6 inch
KEY BOARD : 101 keys

⮚ SOFTWARE REQUIREMENTS:

OPERATING SYSTEM : WINDOWS 10

PROGRAMMING LANGUAGE : PYTHON
,SQL,CSS,HTML
DATABASE : Postgre SQL Server
SOFTWARE DEVELOPMENT KIT : PYTHON
3.7.9
DATABASE DRIVER : MySQL Connecter
WEB FRAMEWORK : DJANGO
Table of Contents
Project Description

Software Description

Structure of tables

Django Admin Panel

File Directory

Code

Modules used

User Interface

Scope for further development

Conclusion

Bibliography
Project Description
This project demonstrates the
implementation of Django framework
to develop a web application.
The web application developed here is
an E-commerce website which is
named Shop-Easy.
The website was developed with the
help of HTML,Bootstrap,CSS,javascript
for the front end and Django's
framework provided a base to develop
the backend using python.
All the data used by the website is
taken from a SQL-Database connected
through Django. This project shows
Django's object relational mapping
feature while creating tables to hold
data.
On the whole, the website fetches and
retrieves data between the database
and the web page to make an effective
E-commerce website for shoppers.
 Software Description
Python is a popular open source programming language. It
was created by Guido van Rossum, and released in 1991
Applications of Python Programming:
1) Web Development: Python offers different frameworks for
web development like Django, Pyramid, Flask. This framework
is known for security, flexibility, scalability.
2) Game Development: PySoy and PyGame are two python
libraries that are used for game development
3) Artificial Intelligence and Machine Learning: There is a large
number of open-source libraries which can be used while
developing AI/ML applications.
4) Desktop GUI: Desktop GUI offers many toolkits and
frameworks using which we can build desktop
applications.PyQt, PyGtk, PyGUI are some of the GUI
frameworks.
 PostgreSQL

PostgreSQL is a powerful, open source object-relational

database system with over 30 years of active development that
has earned it a strong reputation for reliability, feature
robustness, and performance.
PostgreSQL comes with many features aimed to help
developers build applications, administrators to protect data
integrity and build fault-tolerant environments, and help you
manage your data no matter how big or small the dataset. In
addition to being free and open source, PostgreSQL is highly
extensible. For example, you can define your own data types,
build out custom functions, even write code from different
programming languages without recompiling your database.
 Django

Django is a high-level Python web framework that

encourages rapid development and clean,
pragmatic design. Built by experienced
developers, it takes care of much of the hassle of
web development, so you can focus on writing
your app without needing to reinvent the wheel.
It’s free and open source.
 Structure of tables
Database:Shop_Easy

django tables

store tables

Django tables are inbuilt and the other tables we

require, are specified under models.py and are created
on running the following commands

followed by

and changes are committed to the database on

running
 store tables

store_customer

store_order

store_orderitem
 store_products

store_shippingadress
 Object relational mapping
One of the most powerful features of Django is its Object-
Relational Mapper (ORM), which enables us to interact
with the database, like you would with SQL. In fact,
Django's ORM is just a pythonical way to create SQL to
query and manipulate your database and get results in a
pythonic fashion.

OBJECTS DATABASE
ORM

python object to database query

 Django admin panel
The Django administrative panel provides a portal to
manage and handle all objects used by the website.
It is activated when a superuser is created.

It is used to oversee User data and set permissions

for allowed actions .It is also used to group Users
as per requirement.
 The Django admin page provides an easy way to
manipulate data used in the website. It helps us add,
delete and update data in the tables in a easy
manner
 File Directory

website

accounts store website static manage.py

migrations migrations asgi.py CSS

main.css
admin.py admin.py settings.py
javascript
apps.py apps.py urls.py
cart.js
models.py models.py wsgi.py
images
views.py views.py

urls.py urls.py

templates

main.html

checkout.html

store.html
Scan to view
code in git
login.html

cart.html

register.html
CODE:
urls.py

apps.py
views.py
admin.py

apps.py

urls.py
views.py
models.py
main.html
cart.html
checkout.html
login.html
register.html

store.html
main.css
cart.js
asgi.py

wsgi.py
settings.py
 urls.py

manage.py
 MODULES
USED
Django==2.2.14
django-allauth==0.39.1
django-countries==5.3.3
django-crispy-forms==1.7.2
django-debug-toolbar==1.10.1
json
psycopg2
Pillow
datetime
os
pathlib
sys
 User Interface

On running the command

A development server is created at

localhost:8000 ,this can be changed by
specifying the port number while
running the command.
To view the website just enter
localhost:8000 on the browser.
 Outlook
Home page

cart page
checkout page

sign-up page
login page

These pages show the UI developed for

customers to ensure a easy and elegant
shopping experience.

All the pages are styled using CSS and

Bootstrap and are interlinked with each
other using javascript.
All static elements of the website such
as images are fetched directly from the
database.
 Scope for further
development
Integrate search feature in the navbar.
And display items categorically.

Add a help page and a order tracking

page to know status of the order

Add coupon redeeming feature

and display offers on products

Add payments via PayPal

 CONCLUSION

The project 'Shopeasy' provided the opportunity

to learn the software development process
and motivated to self learn . The brain stroming
exercises of coding,creating user interfaces will help
us in understanding the creative process and
teamwork involved in software development.It
provided a opprtunity to update technical skills.
 BIBLIOGRAPHY
https://www.djangoproject.com/start/

https://www.w3schools.com/html/

https://www.w3schools.com/css/

https://www.w3schools.com/js/

https://www.postgresql.org/docs/current/
Thank
you!!