PROJECT REPORT

Book Kart

A Project report submitted in partial fulfillment of requirements for the award of

the Degree of
Degree of Bachelor of Technology in Computer Science & Engineering

Submitted By:
Name: Rishabh Yadav
University Roll No. 1802710111

Submitted To:
Mrs. Charu Agarwal,
Mr. Santosh

Department of Computer Science & Engineering

AJAY KUMAR GARG ENGINEERING COLLEGE
GHAZIABAD- UP-201009

1|Page
 DECLARATION

I hereby declare that the Mini Project Report entitled "Book Kart" is an authentic record of my
own work as requirements of 6-months Industrial Training during the period from July 2020
to November 2020 for the award of degree of B.Tech. (Computer Science & Engineering),
AJAY KUMAR GARG ENGINEERING COLLEGE, under the guidance of “Mrs. Charu
Agarwal” and “Mr. Santosh”.

(Signature of student)
Rishabh Yadav
(1802710111)
Date: ____________________

Certified that the above statement made by the student is correct to the best of our knowledge
and belief.

Examined by:

1.

2.

3.

2|Page
 ACKNOWLEDGEMENT

The present project work is the several days study of the various aspects of the project
development. During this the effort in the present study, we have received a great amount of
help from our Director General AJAY KUMAR GARG ENGINEERING COLLEGE,
which we wish to acknowledge and thank from depth of our hearts.

I am thankful to our Director “Mr. RK Agarwal”, for permitting and encouraging me

in doing this project.

I express my sincere thanks to our Academic Dean “Mrs. Mamta”, for encouragement
and suggestions to the successful completion of my project.

My sincere thanks to “Mrs. Sunita Yadav” Professor, Head of the Department in

CSE whose motivation and constant encouragement has led to pursue a project in the field of
software development.

I am very much obliged and thankful to “Mrs. Charu Agarwal” is my Coordinator

for providing this opportunity and constant encouragement given by him during the course.

My Parents have put myself ahead of themselves. Because of their hard work and
dedication, I have had opportunities beyond my wildest dreams. My heartfelt thanks to them
for giving me all I ever needed to be successful student and individual.

Finally, I express my thanks to all my other professors, classmates, friends, neighbors and my
family members who helped me for the completion of my project and without infinite love and
patience this would never have been possible.

Rishabh Yadav
1802710111

3|Page
 CERTIFICATE

This is to certify that Mr. / Ms.___________________________ has partially completed /

completed / not completed the 6-Month Mini-Project during the period from _______
to_______ in our Organization / Industry as a Partial Fulfillment of Degree of Bachelor of
Technology in Computer Science Engineering. He / She was trained in the field of
______________________________ .

Signature of Training Manager

4|Page
 Table of Content

S No Title Page No.

List of Tables…………

List of Figures………...

1 Introduction 7
1.1 Objectives
2 Steps to create a website 8
3 UI Development 9-11
4 Server-side scripting 12
5 Database Designing 13
6 Hardware and software specifications 14
7 Data flow diagrams 15-19
8 Snapshots 20-22
9 Future Scope and Enhancement 23
10 Conclusion 24

5|Page
List of figures:

Fig 1: Steps to create a website

Fig 2: Form without CSS
Fig 3: Form with CSS
Fig 4: MongoDB document
Fig 5: Data flow diagram (DFD) for signup
Fig 6: DFD for login
Fig 7: DFD for admin control
Fig 8: DFD for mange product
Fig 9: User activity diagram
Fig 10: Snapshots
Fig 11: Snapshots
Fig 12: Snapshots
Fig 13: Snapshots
Fig 14: Snapshots
Fig 15: Snapshots

6|Page
 1. INTRODUCTION

Education, an integral part of our Indian Society and it’s important for every individual to
succeed in his life and help bring change to our world. In a country with more than 1.3 billion
people living, for everyone individual education is essential. To keep learning and developing
themselves and helping our environment, economy and social life be sustainable.

Book Kart is an interactive e-commerce solution providing users with an opportunity to buy
and sell books. Book Kart is an online platform which deals with new and old books of all
fields. Book Kart is the first online platform which deals with new and old books of all fields,
we deliver a constructive service to each and every person to furnish their needs in terms of
learning, education and technology by providing them with an online platform where they can
Buy and sell books for affordable price and even they can sell their used books on our website
and also get books on rent. Book kart provides users with wide range of pre-owned books
which get a check based on their condition and fixed to its best and delivered to consumer’s
doorsteps.

1.1Objective

Online Shopping is the process whereby consumers directly buy goods and services without
any intermediary service over the internet. The goal of this website is to develop a web-based
interface for students, the website would be easy to use and hence the shopping experience
would be pleasant for the users.

The main goal of this website is:

I. To develop an easy to use web-based interface where students can search for
products (books), view a complete description of the product and order the
product.
II. A student can buy and sell books from home.
III. A student can get books on rent.

7|Page
 2. Steps to Create a Website
Creating a website require the following steps:

1) Planning
2) UI (User Interface) Design
3) Database Designing
4) Writing server-side business logic

Fig 1

8|Page
 3. UI (User Interface) Development

Technologies which are used for creating UI is as follows:

i) HTML
ii) CSS
iii) Bootstrap
iv) Java script
v) EJS

i) HTML (Hyper Text Markup Language)

Hypertext Markup Language (HTML) is the standard Mark Up language for documents
designed to be displayed in a web browser. It can be assisted by technologies such
as Cascading style sheets (CSS) and scripting languages such as Javascript.

Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML
constructs, images and other objects such as interactive forms may be embedded into the
rendered page. HTML provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.

HTML elements are delineated by tags, written using angle brackets. Tags such
as <img> and <input/> directly introduce content into the page. Other tags such

as <p> surround and provide information about document text and may include other tags as

sub-elements. Browsers do not display the HTML tags, but use them to interpret the content
of the page.

9|Page
 ii) Cascading Style Sheet

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of
a document written in a mark-up language such as HTML. CSS is a cornerstone technology of
the worldwide web, alongside HTML and Java-Script.

CSS is designed to enable the separation of presentation and content, including layout, colours,
and fonts This separation can improve content accessibility , provide more flexibility and control
in the specification of presentation characteristics, enable multiple web pages to share formatting
by specifying the relevant CSS in a separate .css file which reduces complexity and repetition in
the structural content as well as enabling the .css file to be cached to improve the page load
speed between the pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same mark-up page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for
alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.

Form without CSS

Fig 2

10 | P a g e
Form With CSS

Fig 3

iii) Bootstrap
Bootstrap is a free and open-source CSS framework directed at
responsive, mobile-first front-end web development. It contains CSS - and
(optionally) JavaScript -based design templates for typography, forms, buttons,
navigation, and other interface components.

Bootstrap is the seventh-most-starred project on Git hub, with more than 142,000
stars, behind free (almost 312,000 stars) and marginally behind Vue.js framework.

iv) Embedded Java Script Library (EJS)

EJS is a simple templating language that lets you generate HTML markup with
plain JavaScript. No religiousness about how to organize things. No reinvention of

iteration and control-flow. It's just plain JavaScript.

11 | P a g e
 4) Server-side Scripting

Server-side scripting is a technique used in web development which involves employing

scripts on a web server which produce a response customized for each user’s (client’s)
request to the website. The alternative is for the web server itself to deliver a static web page.
Scripts can be written in any of a number of server-side scripting languages that are available
(see below). Server-side scripting is distinguished from client-side scripting where embedded
scripts, such as JavaScript, are run client-side in a web browser, but both techniques are often
used together. Server-side scripting is often used to provide a customized interface for the
user. These scripts may assemble client characteristics for use in customizing the response
based on those characteristics, the user’s requirements, access rights, etc. Server-side
scripting also enables the website owner to hide the source code that generates the interface,
whereas with client-side scripting, the user has access to all the code received by the client. A
down-side to the use of server-side scripting is that the client needs to make further requests
over the network to the server in order to show new information to the user via the web
browser. These requests can slow down the experience for the user, place more load on the
server, and prevent use of the application when the user is disconnected from the server.
When the server serves data in a commonly used manner, for example according to the HTTP
or FTP protocols, users may have their choice of a number of client programs (most modern
web browsers can request and receive data using both of those protocols). In the case of more
specialized applications, programmers may write their own server, client, and
communications protocol that can only be used with one another. Programs that run on a
user’s local computer without ever sending or receiving data over a network are not
considered clients, and so the operations of such programs would not be considered client-
side operations.

Server-Side scripting Languages: There are several languages that can be used for server-side
programming:

 PHP

 ASP.NET (C# OR Visual Basic)

 Node Js

 Java and JSP

 Python

12 | P a g e
 5) Database Designing

MongoDB is a document-oriented NoSQL database used for high volume data storage.
Instead of using tables and rows as in the traditional relational databases, MongoDB makes
use of collections and documents. Documents consist of key-value pairs which are the basic
unit of data in MongoDB. Collections contain sets of documents and function which is the
equivalent of relational database tables. MongoDB is a database which came into light around
the mid-2000s.

A record in MongoDB is a document, which is a data structure composed of field and value
pairs. MongoDB documents are similar to JSON objects. The values of fields may include
other documents, arrays, and arrays of documents.

The advantages of using documents are:

 Documents (i.e. objects) correspond to native data types in many programming

languages.
 Embedded documents and arrays reduce need for expensive joins.
 Dynamic schema supports fluent polymorphism.

Fig 4

13 | P a g e
 6. Hardware and Software Requirements

6.1 Hardware Requirements

The selection of hardware is very important in the existence and proper working of any
software. When selecting hardware, the size and requirements are also important.

Processor Intel Core i5

RAM 4.0GB

Hard Disk Drive 500 GB

6.2 Software Requirements

S.NO Description

1 Windows 7,8,10

2 HTML/CSS/EJS/JavaScript/Bootstrap

3 Node.js

4 MongoDB

14 | P a g e
7) Data flow Diagrams (DFD)

DFD diagram for registration of User

Fig 5

15 | P a g e
DFD diagram for login of User

Fig 6

16 | P a g e
DFD diagram for the action of admin

Fig 7

17 | P a g e
DFD diagram for manage product

Fig 8

18 | P a g e
 User activity diagram

Fig 9
19 | P a g e
 8) Snapshots

Signup Page

Fig 10

Login Page

Fig 11

20 | P a g e
Home page

Fig 12

Cart page

Fig 13

21 | P a g e
Checkout page

Fig 14

Admin add product page

Fig15

22 | P a g e
9) Future Scope and Enhancement

1) We would add geolocation services in the web app.

2) Add searching book by speech recognition system.
3) It would provide huge collection of books of all fields.
4) We would add better user interface and user experience
5) We would add filtering the book on the basis of price and technology.

23 | P a g e
 10)Conclusion

We have successfully implemented the site ‘Book Kart’. With the help of various links and
tools, we have been able to provide a site which will be live soon and running on the web.
We have been successful in our attempt to take care of the needs of both the user as well as
the administrator. Finally, we hope that this will go a long way in popularizing.

24 | P a g e