COLLEGE BUDDY E-COMMERCE

PLATFORM USING WEB DEVELOPMENT

A project report submitted in partial fulfillment of
the requirements for the award of the Degree of
Bachelor of Technology
In
Computer Science and Engineering
BY
Ritik Sareen (18011M3504)

Vaidya Sai Teja (18011M3509)

Under the guidance of

Dr.Hemalatha Eedi

Department of Computer Science and Engineering

JNTUH University College of Engineering, Hyderabad
500085

1
 Department of Computer Science and Engineering
JNTUH University College of Engineering, Hyderabad-500085

DECLARATION BY THE CANDIDATES

We, Ritik Sareen (18011M3504), Vaidya Sai Teja (18011M3509) hereby certify that the project report
entitled “College Buddy E-commerce platform using web development ” carried out under the
guidance of Dr.Hemalatha Eedi, is submitted. This is a record of bonafide work carried out by us and the
results embodied in this project have not been reproduced/ copied from any source and have not been submitted
to any other University or Institute for the award of any other degree or diploma.
Ritik Sareen (18011M3504)
Vaidya Sai Teja (18011M3509)

Department of CSE JNTUH University

College of Engineering,
Hyderabad

2
 Department of Computer Science and Engineering
JNTUH University College of Engineering,

Hyderabad – 500085

CERTIFICATE BYTHE SUPERVISOR

This is to certify that the project report entitled “College Buddy E-commerce platform using web
development”, being submitted by Ritik Sareen (18011M3504), Vaidya Sai Teja (18011M3509), in partial
fulfilment is a record of bonafide work carried out by them. The results are verified and found satisfactory.

Dr.Hemalatha Eedi
Professor, Department of CSE,
JNTUH University College of
Engineering, Hyderabad.

Date: January, 2023

3
 Department of Computer Science and Engineering
JNTUH University College of Engineering,

Hyderabad – 500085

CERTIFICATE BY THE HEAD

This is to certify that the project report entitled “College Buddy. E-commerce platform using web
development”, being submitted Ritik Sareen (18011M3504), Vaidya Sai Teja (18011M3509), in partial
fulfillment is a record of bonafide work carried out by them. The results are verified and found satisfactory.
Dr. D. VASUMATHI,
Professor &
Head of the Department,
Department of CSE,
JNTUH University College of
Engineering, Hyderabad.

Date: January, 2023

4
 ACKNOWLEDGEMENT

We would like to express sincere thanks to our Supervisor Dr.Hemalatha Eedi, Professor of Computer Science

and Engineering Department, JNTUH University College of

Engineering for her admirable guidance and inspiration both theoretically and practically and most importantly
for the drive to complete the project successfully. Working under such an eminent guide was our privilege.
We owe a debt of gratitude to Dr. D. Vasumathi ma’am, Professor & Head of the Department of
Computer Science & Engineering, for her kind considerations and encouragement in carrying out this project
successfully.
We are grateful to the Project Review Committee members and the Department of Computer Science &
Engineering who have helped in successfully completing this project by giving their valuable suggestions and
support.
We express thanks to our parents for their love, care, and moral support without which we would have not
been able to complete this project. It has been a constant source of inspiration for all our academic endeavors.
Last but not the least, we thank the Almighty for making us a part of the world.

Ritik Sareen(18011M3504)
Vaidya Sai Teja (18011M3509)

5
 ABSTRACT

College Buddy is a Web Application designed to buy

and sell products online. Idea is to create a web
application that helps students locate the resources
that they require in the undergraduate or
postgraduate programs. This web app will help
students to buy or sell the essentials and provide
recommended seller and buyer information.

6
 TABLE OF CONTENTS

1. Introduction …………………………………………………………………………... 6

1.1 Objective …………………………………………………………….…...... 9

1.2 Motivation ………………………………………………………….…….... 10

1.3 Scope ………………………………………………………………….……. 10

2. Software Analysis ……………………………………………………………..…… 11

2.1 Overall Description ………………………………………………….…… 11

2.2 Requirement Specification ………………………………………….…… 12

2.3 Technologies Used…………………………………………….................... 13

3. Project Design …………………………………………………………….………... 13

3.1 Architectural Diagram……………………………………………..…….... 13

3.2 System Flow Diagram ……………………………………………….…….. 14

3.3 Login Page Diagram ………………………………………………….…… 15

7
 3.4 Feedback Diagram ……………………………………………..…………. 16

3.5 Future Implementatiom......................................................................

4. Implementation …………………………………………………………………… 17

4.1 Packages used ……………………………………………………….……. 17

4.2 Languages used.........……………………………………………..……... 20

5. Results ……………………………………………………………………….…...... 26

6. Conclusion and Future work ………………………………………………..….... 30

32
REFERENCES

• Acunetix, (2015). What Are Web Applications?. [online] Available at:

http://www.acunetix.com/websitesecurity/web-applications/ [Accessed 10 Nov. 2015].

Magic Web Solutions UK, (2015). The benefits of web-based applications. [online]
Available at: http://www.magicwebsolutions.co.uk/blog/the-benefits-of-web-based-
applications.htm [Accessed 10 Nov. 2015].
Motive.co.nz, (2015). definition: client-side, server-side | Motive Web Design Glossary.
[online] Available at: http://www.motive.co.nz/glossary/client-server.php?ref
8
[Accessed 10 Nov. 20151.
• siphoned blog, (2015). A Few Advantages of Web Applications. (online] Available at:
http://blog.sephone.com/2014/03/26/a-few-advantages-of-web-applications/
[Accessed 10 Nov. 2015].
Web Application Security. (2015). 1st ed. Hong Kong: The Government of the Hong Kong
Special Administrative Region.
The Web Application Security Consortium / The Web Security Glossary. 2015. The Web
Application Security Consortium / The Web Security Glossary. ONLINE]
Available at:http://projects.webappsec.org/w/page/13246967/The%20Web%20Securitv
%20Glo
ssary##WebApplication. [Accessed 13 November 2015].

LIST OF FIGURES Page no.

1. Objective 10

1.1. Architectural Diagram 13

1.2. Sequence Diagram 14

9
 1.3. Class Diagram 15
1.4. Use-case diagram 16

2. Results
2.1. Screenshot of Application User Interface 26

2.2. Screenshot of Login Page 27

2.3. Screenshot of user details 27

2.4. Screenshot of customer menu 28

2.5. Screenshot of Add Entry 28

2.6. Screenshot of Home Page 29

2.7. Screenshot of cart

30

10
(1.1) Objective

1. To evaluate the customer satisfaction of people towards College Buddy

2. To identify the advantages and disadvantages of College Buddy

3. To identify the attitude of customers towards College Buddy

4. To analysis the socio economic factors

(1.2) Motivation

College Buddy operates as a Local online marketplace for used goods including furniture, Books,
Mobiles etc.it is accessible through apps on smartphones.

Proposed System:

To overcome these flaws of the existing system manual system, there is need for a complete web
based online system can be developed which can help in proper management, tracking and
reporting the solution.

The system is designed to support the following feature.

 Number of user can access the system simultaneously.

 The system provides an interactive screen to the most normal user.
 Increase numbers of reminder were stored in the database in a uniformed manner.
 Allows admin to manage the user and add the user rights.

(1.3) Scope

The study has been carried out to find out the customer satisfaction towards College Buddy with a
special reference to Students .The study deals with only the people of University .However the study is
concerned to know the reaction of the people who use and to provide awareness to the people by
identifying the advantages and disadvantages of College Buddy.

11
 2. Software Analysis

2.1. Overall Description

Its objective is to provide a platform for the once who own these resources and who are unable
to find a buyer for it thereby making the resource a liability for them.

This system provides an easy solution for customers to browse and buy the different products
without going to the shop and to owner to sell the product to customers based anywhere.

This web application will not just be useful for buying and selling of resources but also provides
an opportunity for the buyers(juniors) to interact and maintain a healthy relationship with their
seniors.

2.2. Requirement Specification

2.2.1 FUNCTIONAL REQUIREMENTS:

1. Mobile Responsive
2. Product Attributes+
3. Order And Checkout Flow
4. Social Sharing
5. 3rd Party Integrations
2.2.2 PERFORMANCE REQUIREMENTS:

∙ User Satisfaction: - The system is such that it stands up to the user expectations. ∙ Response
Time: - The response of all the operations is good. This has been made possible by careful
programming.
∙ Safety and Robustness: - The system is able to avoid or tackle disastrous action. In other words,
it should be foul-proof. The system safeguards against undesired events, without human
intervention.
12
 transferable to other platforms if needed.
∙User-friendliness: - The system is easy to learn and understand a native user can also use the system
effectively, without any difficulties

2.2.3 NON-FUNCTIONAL REQUIREMENTS

All the other requirements which do not form a part of the above specification are categorized as Non-
Functional needs. Comfortable network information measures may additionally be a non-functional
requirement of a system.

1.Usability:

Regardless of the size of your business, the website of your business should be easy to use for even a non-technical
user. Do you know that a general user takes just 0.05 seconds to figure out whether the website is worth its time or
not? Thus you have to give special attention to the design of your homepage, CTAs, and easy checkout to get past
those milliseconds of doom. The usability of a website is also defined by:

 How easily a user can achieve their target in a single page visit
 How quickly they can perform tasks in the store
 The memorable & intuitiveness of the design
 Number and types of errors users make

2. Security:

Security comes with utmost importance if your site is dealing with monetary transactions, users’ financial and sensitive
data. Using an SSL certificate and data privacy policy will create trust among the users for your website and convert the
customers into brand advocates. It is also considered for the different admin roles by which you can control who can create,
see, copy, change or delete information. Depending upon the location of your business, security also refers to compliance
with customer data protection rules such as GDPR in Europe.

3.Performance:
For increasing the traffic on your website, you have to give special attention to the performance in the non-functional
requirements documentation. The focus should be on loading the e-commerce store as fast as possible regardless of the
number of integrations and traffic on your website. You can set up the speed benchmark, maximum SKUs which you want
to add, or any other performance indicator best for your business. Don’t consider the 3rd party system delivery time,
because the developers will not have control over the 3rd party API calls.

 4.Maintainability:
The operational costs for maintenance are the tricky part of planning a business budget. Thriving the website maintenance
from the initial development means cutting the time & cost to determine and resolve the faults of the system in the future.
Well, it sounds sad but there is no way to avoid issues in the future and you have to look for a website development
company that can maintain your website

13
5.Scalability:
Last but not the least, you have to look for a future-proof solution considering the scalability. It will define how the website
can grow and increase its features and functionality without impacting the performance of your website. You must be able
to add more memory, servers, or disc space for making more transactions on your website. On the server side, while
entering new markets you may need to add localization features. Overall, this NFR accounts for painless business
expansion and has both hardware and software implications.

14
2.3. Technologies Used

2.3.1. Front – End

 HTML
 CSS
 JAVASCRIPT
 BOOTSTRAP
2.3.2. Platform
 CODE PEN
2.3.3. BACK END
 PHP
 SQL

15
 3.PROJECT DESIGN

3.1 Architecture

Fig.3.1.Architectire Diagram

3.2 System Flow Chart

16
 Fig.3.2.Flow Chart Diagram

3.3.Login Page

Fig.3.3.Login page Diagram

3.4 Feedback.

Fig.3.4.Feedback
Diagram

17
3.5 Project Testing :
TESTING:

This section discusses the testing strategy, methodology and types of

tests that the product must pass in order to pass quality assurance and
customer acceptance. A detailed test plan will be created as part of the
implementation phase.

Test Strategy:

The testing strategy used will focus on reliability and performance of

the product. This includes the reporting client hardware, software,
management software, and overall system integration.

The foundation for the success of this product is the Good Bandwidth.
No matter how reliable the software if the bandwidth is not good the
website will not work.

The next key to success is the performance of the website both the
reporting user and remote server. Most operations must performance
at a sub second performance level. This does not mean that the
operation is completed in a sub second although every effort should be
done to actually hit the task assign metric rather that the user sees the
system respond in some function within a second.

There is no profound medium or system for selling these temporary

products for students as customers-consumers commerce
environment.

18
In the busy schedule, students are often not ready to spend their time
for purchasing goods from shops. They prefer to purchase goods and
services from their home.

3.6 Future Expansion:

1. This system is initially developed for only Institute. But without
making any changes in this system it can be expanded for all big
Companies.
2. This system is capable of adopting any new feature.
3. This system can be upgraded with new features by making very less
changes.
4. The new features that can be added to this system without making
vast changes are:
5. Providing news alerts and useful tips to the User regarding New
Technology & computer Updates.
6. Computer related any new research can be informed to the User.
7. We are also think about to take a bill no or other user side surety to
complete that job.

19
20
 4. IMPLEMENTATION

The implementation is as follows:

(1) The frontend is implemented using HTML, CSS, JavaScript where
the admin can login to the database.
(2) After logging into the website, the admin can perform various
operations such as adding entries, dropping database, viewing
database and downloading database.
(3) While logging in if the credentials are entered incorrectly for 3
consecutive attempts, to logion and process the shopping.
(4) After the operations are done, users can exit the database by
logging out.

(4.1) languages used

(4.1.1) HTML

There are several packages commonly used in HTML, including:

1. Bootstrap: a popular front-end framework for developing

responsive and mobile-first websites
2. JQuery: a fast, small, and feature-rich JavaScript library that makes
it easier to work with HTML documents, handle events, create
animations, and perform other common JavaScript tasks
3. Font Awesome: a popular icon library that provides scalable
vector icons that can be customized (size, color, drop shadow,
etc.) using CSS
4. Animate.css: a cross-browser CSS animation library that makes it
easy to add animations to web pages
5. W3.CSS: A CSS framework for building responsive and modern
21
 websites.
6. Foundation : a responsive front-end framework

These are the commonly used one, but there are many more packages
available to suit specific needs.

(4.1.2) CSS
CSS (Cascading Style Sheets) is a stylesheet language used for
describing the presentation of a document written in a markup
language. It is used to add style to web pages written in HTML
and XHTML, but can also be applied to any kind of XML
document, including SVG and XUL.

CSS allows you to control the layout and formatting of a web

page, including colors, fonts, spacing, and more. With CSS, you
can create a consistent look and feel across all pages on a website,
and make global changes to the layout and design with minimal
effort.

CSS uses a simple syntax, and can be written in a separate file with
the .css file extension, or included within the head section of an
HTML file. It provides a wide variety of styling options including
layout, colors, fonts, effects and animations, responsive designs
and many more.

CSS3, the latest version of CSS, introduces new features such as

improved selectors, advanced layout control (flexbox, grid), and
animation capabilities, while maintaining backward compatibility
with earlier versions of CSS.

(4.2.3) JAVASCRIPT
JavaScript is a programming language that is primarily used to
22
create interactive and dynamic websites. It allows you to add
interactivity and other dynamic features to your web pages, such
as form validation, creating pop-up windows, handling events like
button clicks, and creating dynamic content.

JavaScript code can be written in a separate file with the .js file
extension, or included directly within the HTML file using a script
tag. It is an interpreted language, which means that the code is
executed directly by the browser, rather than being compiled in
advance like some other languages.

JavaScript is a multi-paradigm language, which means it supports

various programming styles, including object-oriented, functional,
and imperative. It is also a prototype-based language, which
allows for dynamic inheritance and the creation of objects
through a process called cloning.

JavaScript can be used on both the front-end and back-end of a

web application. Front-end JavaScript is executed in the browser,
while back-end JavaScript (such as Node.js) is executed on the
server.

Some of the well known libraries & frameworks like jQuery,

AngularJS, ReactJS and Vue.js are built using JavaScript.

5.HOME PAGE SOURCE

CODE

23
24
25
26
27
28
29
6.RESULTS
6.1Application user interface

6.2.LOGIN PAGE

30
6.2.HOME PAGE

31
6.2.HOME PAGE

6. CONCLUSION AND REFERENCE

CONCLUSION

Customer satisfaction towards online purchase of second-hand products with

special reference to College Buddy is a study based on sampling survey.
Primary data, the study was collected through structured questionnaires. The
study led to the following conclusion. It reveals that the customers have a
32
moderate level of satisfaction towards online purchase of second hand goods
through College Buddy. The age, gender and occupation of customer have no
significant relation with their satisfaction level. Customers with graduation
and above graduation tend to purchase more and so they are more satisfied.
The Customers would interact with their seniors and form a bonding with the.
Customers belong to urban area seems to be more satisfied than rural
customers. Customers are cautious about the product as they inspect the
product before and after purchasing. They think that shopping through
College Buddy is superior compared to shopping through physical shops.
Customers moderately sought advice from other consumers and the delivered
product do often meet their expectations. And it also seems they are not that
much confident to suggest College Buddy to others. It has been observing that
customers have eagerly tried and used new things in the market. But it is not
economically viable to spend money on each and everything in the market.
Therefore College Buddy opens an online platform to sell the old and used
accessories. Both the customer and seller will get the economic benefits
through this in a convenient way.

References & Bibliography :

Here is the list of websites and other software which are referred during the
development of “Online Voting”.

Web sites:

www.template.net

www.jqueryui.com

www.bootstraptemplate.com

www.templatemonster.com

www.w3schools.com
33
Search Engines:

www.google.com

Main Software:

Visual Studio.

34