DWIT COLLEGE

DEERWALK INSTITUTE OF TECHNOLOGY

ONLINE CLOTHES RENT APPLICATION USING MERN

A MICRO PROJECT REPORT

Submitted to
Department of Computer Science
DWIT College

Submitted by
Rajin Maharjan
14th January, 2022
 DWIT College
DEERWALK INSTITUTE OF TECHNOLOGY

Supervisor’s Recommendation

I hereby recommend that this project prepared under my supervision by RAJIN

MAHARJAN entitled “ONLINE CLOTHES RENT APPLICATION USING MERN”
in partial fulfillment of the requirements for the degree of B.Sc. in
Computer Science and Information Technology be processed for the evaluation.

…………………………………………
Hitesh Karki
Campus Chief
Deerwalk Institute of Technology
DWIT College

ii
 DWIT College
DEERWALK INSTITUTE OF TECHNOLOGY

Student’s Declaration

I hereby declare that I am the only author of this work and that no sources other than that
listed here have been used in this work.

…………………………………………
Rajin Maharjan

14th January ,2022

iii
 DWIT College
DEERWALK INSTITUTE OF TECHNOLOGY

LETTER OF APPROVAL

This is to certify that this project prepared by RAJIN MAHARJAN entitled

“ONLINE CLOTHES RENT APPLICATION USING MERN” in partial fulfillment
of the requirements for the degree of B.Sc. in Computer Science and Information
Technology has been well studied. In our opinion it is satisfactory in the scope and quality
as a project for the required degree.

…………………………………… ………………………………………
Hitesh Karki Bijay Babu Regmi
Campus Chief Year Incharge
DWIT College DWIT College

iv
 ACKNOWLEDGEMENT

I would firstly like to thank Mr. Hitesh Karki, for providing me with guidance and
help on the concepts that I was not sure of. I am extremely thankful to him for providing
such valuable guidance which helped me to complete the project in such a small time frame.
I owe my deep gratitude to him for his keen interest on my project work as he guided me
all along, till the completion of my project by providing all the necessary information for
developing a good application system.

I am thankful and fortunate enough to get constant encouragement, support and

guidance from all my friends and family members which helped me in successfully
completing the project work.

Rajin Maharjan
Roll No.: 831
14th January, 2022

v
 ABSTRACT

The motivation behind this application is to provide a platform for users to rent clothes
between each other and to communicate in an effective and efficient manner. Nowadays,
there is online rental system curated for things like furniture, car, house etc. which benefits
the user. A rental service is a service in which customers arrive to request the hiring of the
rental unit. It is more convenient than carrying the cost of owning and maintaining the unit.
It’s easier to browse for the clothes online instead of going through the shops everywhere.
Similarly, online clothes rent application can be used to renting clothes. Only the difference
is renting and buying. Renting shops are very few in our country so, it makes easier for the
people to browse online rather than searching for the shops. This application aims to rent
products for duration ranging from an hour to a week or a month.

People can browse for the clothes and rent the clothes by calling on the number given on
each post. This application can be useful for people attending various programs such as,
Annual program in schools and colleges (people may need different cultural clothes),
seminars (people may need formal clothes), etc.

Keywords: Rent Clothes; Cost of Owning; Annual Program; Seminars.

vi
 TABLE OF CONTENTS

Supervisor’s Recommendation ........................................................................................... ii

Student’s Declaration ......................................................................................................... iii
LETTER OF APPROVAL ................................................................................................ iv
ACKNOWLEDGEMENT .................................................................................................. v
ABSTRACT ....................................................................................................................... vi
LIST OF FIGURES ........................................................................................................... ix
LIST OF TABLES .............................................................................................................. x
LIST OF ABBREVATIONS ............................................................................................. xi
CHAPTER 1: INTRODUCTION ....................................................................................... 1
1.1. Overview .................................................................................................................. 1
1.2. Background and Motivation ..................................................................................... 1
1.3. Problem Statement ................................................................................................... 1
1.4. Objective .................................................................................................................. 1
1.5. Scope ........................................................................................................................ 2
1.6: Limitation ................................................................................................................. 2
1.7. Outline ...................................................................................................................... 2
CHAPTER 2: BACKGROUND RESEARCH ................................................................... 3
2.1. Literature Review ..................................................................................................... 3
2.2. Current System ......................................................................................................... 3
2.3. The Problem with Current System ........................................................................... 3
CHAPTER 3: SPECIFICATION AND DESIGN .............................................................. 4
3.1. Requirement Elicitation and Analysis ...................................................................... 4
3.1.1. Functional requirement ...................................................................................... 4
3.1.2. Non-Functional Requirement ............................................................................ 4
3.2. SYSTEM DESIGN .................................................................................................. 5
3.2.1. Flow Diagram .................................................................................................... 5
3.2.2. Use Case Diagram ............................................................................................. 6
3.2.2. ER Diagram ....................................................................................................... 6
CHAPTER 4: IMPLEMENTATION AND EVALUATION ............................................. 7
4.1. Tool and Technology ............................................................................................... 7
4.2. Implementation......................................................................................................... 8

vii
 4.3. Evaluation and Result .............................................................................................. 8
CHAPTER 5: CONCLUSION ........................................................................................... 9
REFERENCES ................................................................................................................. 10

viii
 LIST OF FIGURES

Figure 1: Flow Diagram of the System ............................................................................... 5

Figure 2: Use Case Diagram of the system ......................................................................... 6
Figure 3: ER Diagram of the system................................................................................... 6

ix
 LIST OF TABLES

Table 1: Various Types of UML Diagram .......................................................................... 5

x
 LIST OF ABBREVATIONS

NPM: Node Package Manager

JS: Java Script
DB: Database

xi
 CHAPTER 1: INTRODUCTION

1.1. Overview

As many people want to wear new(different) clothes or people may need clothes for
different programs or festivals. It is difficult to afford new clothes every time for most of
the people and also, they only wear once and never use it. So, it is better to rent those clothes
instead of buying new clothes. It helps people to afford clothes easily for one time instead
of buying it expensively. People do not need to attend seminars or different programs daily
so, it is suitable for those people. It is difficult for the people to rent offline as there aren’t
many shops available but it is easier to rent online as we can browse for the clothes we need
easily.

1.2. Background and Motivation

The main aim of developing this project is to make easier for the people to rent clothes
instead of buying it expensively and easily find clothes they want to wear or need.

1.3. Problem Statement

Many people may need clothes for to use for once such as cultural dresses to wear during
programs on school or colleges. So, it helps those people who does not want to spent
more money to just wear clothes once. As people many people may not know where to
find these types of shop, instead of going through those shops it’s easier to go through
this application and find those clothes.

1.4. Objective

The main objective of this project is to make easier for the people to rent clothes by
staying at home instead of searching shops to rent clothes in different places.

1
 1.5. Scope

It can be used anywhere like schools, colleges or in any program. Targeting audience are
performers such as dancers on any school or college program, attendants on seminars, etc.

1.6: Limitation

Some limitations of the system incurred due to multiple factors are listed below:

• User cannot directly search for the clothes.

• User cannot delete posts.
• User cannot know whether the clothes are available or not.

1.7. Outline

This project helps people to find clothes instantly and can be delivered to them whenever
they need to use and also, they can return it back by staying at home. This paper includes
following section:
Preliminary Section: This section consists of the title page, abstract, tables of contents,
list of figures, and list of tables.
Introduction Section: In this section, the overview of the project, the background and
motivation of project, problem statement, its objectives and scope are discussed.
Requirement and Feasibility Analysis Section: This section talks about the research done
about online clothes rent system, and the functional and non-functional requirements of this
project.
System Design Section: This section includes diagrams that help to elaborate on the overall
design of the system proposed in this project.
Implementation and Evaluation Section: This section explains in detail, how the project
was created as well as presents some evaluation results.
Conclusion: This section includes conclusion to this paper.

2
 CHAPTER 2: BACKGROUND RESEARCH

2.1. Literature Review

Summarizing from an e-commerce sites like daraz, students and teachers of colleges or
schools, like buying clothes and accessories renting can also be an option instead of buying
clothes. Many people may need clothes for cultural programs for certain time. It is
necessary to know when they need clothes, for how long they need clothes and when they
will return clothes. These information helps to deliver clothes to the people and receive
clothes from people at specified time.

2.2. Current System

Currently, there are no such application. Only shops can be found.

2.3. The Problem with Current System

There is no such application.

3
 CHAPTER 3: SPECIFICATION AND DESIGN

3.1. Requirement Elicitation and Analysis

The following features were added to the system:

• Any user can add clothes and rent clothes
• User need to leave identity (passport, license, citizenship, etc.) to rent clothes

3.1.1. Functional requirement

• User shall register and login to the website to rent

• User shall browse different clothes

3.1.2. Non-Functional Requirement

• Website must store user’s registration information in database

• Website must provide user friendly UI

• Website must be bug and error free

4
 3.2. SYSTEM DESIGN

The system architecture is elaborated using UML diagrams listed in the table below:

Table 1: Various Types of UML Diagram

UML Diagram Description

Use Case Diagram It shows the interactions between a system and its environment

It shows the object classes in the system and the associations

Class Diagram
between these classes

State Chart Diagram It shows how the system reacts to internal and external events

3.2.1. Flow Diagram

Figure 1: Flow Diagram of the System

5
 3.2.2. Use Case Diagram

Figure 2: Use Case Diagram of the system

3.2.2. ER Diagram

Figure 3: ER Diagram of the system

6
 CHAPTER 4: IMPLEMENTATION AND EVALUATION

4.1. Tool and Technology

The following dependencies installed to setup the system used to build the clothes renting
application:

• NPM (v8.2.0): NPM is the world's largest software registry. Open source
developers from every continent use NPM to share and borrow packages, and many
organizations use NPM to manage private development as well [1].
• React (v17.0.2): React makes it painless to create interactive UIs. Design simple
views for each state in your application, and React will efficiently update and render
just the right components when your data changes [2].
• Node JS (v16.13.1): As an asynchronous event-driven JavaScript runtime, Node.js
is designed to build scalable network applications [3].
• Express (v4.17.2): Express is a minimal and flexible Node.js web application
framework that provides a robust set of features for web and mobile applications
[4].
• Mongo DB (v6.1.6): An integrated suite of cloud database and data services to
accelerate and simplify how you build with data [5].
• Cloudinary (v1.28.1): Cloudinary is a Programmable Media solution enables you
to programmatically add image and video upload, transformation, optimization, and
delivery capabilities to your applications via easy-to-use REST APIs. Furthermore,
Cloudinary offers a variety of SDK libraries that wrap the APIs, enabling you to
seamlessly integrate Programmable Media functionality with your existing
application code [6].
• Bcrypt (v5.0.1): A library to help you hash passwords [7].
• Jsonwebtoken (v8.5.1): JSON Web Token (JWT) is a compact, URL-safe means of
representing claims to be transferred between two parties. The claims in a JWT
are encoded as a JSON object that is used as the payload of a JSON Web Signature
(JWS) structure or as the plaintext of a JSON Web Encryption (JWE) structure,
enabling the claims to be digitally signed or integrity protected with a Message
Authentication Code (MAC) and/or encrypted [8].

7
 • Multer (1.4.4): Multer is a node.js middleware for handling multipart/form-data,
which is primarily used for uploading files [9].

4.2. Implementation

A webpage appears when a user hit its URL. The user can browse for the clothes they want.
If the user wants to rent clothes then user must login. The images of clothes that users
browse are stored in cloudinary. If the user hasn’t signed in then the user must sign up and
login. After logging in the user can rent the clothes by calling on the number given on each
post.

4.3. Evaluation and Result

This application can be tested by adding at least two users (one who adds clothes to rent
and another who rents clothes). User who want to rent clothes browse and call the user who
adds to rent clothes. Two users communicate between each other and successfully one can
rent clothes and another can give to rent clothes for certain time given by the renter.

8
 CHAPTER 5: CONCLUSION

The idea of replacing clothes to rent offline by renting clothes online and instead of buying
it expensively to use it only for once and leading the user easier to browse for the clothes
online instead of going to different places and searching for the shops to rent clothes.

9
 REFERENCES

[1] "npm Docs," [Online]. Available: https://docs.npmjs.com/about-npm. [Accessed 05

11 2021].

[2] "React," Meta Platforms, Inc., [Online]. Available: https://reactjs.org/. [Accessed 05

11 2021].

[3] "Node," OpenJS Foundation, [Online]. Available: https://nodejs.org/en/about/.

[Accessed 04 12 2021].

[4] "Express," StrongLoop, IBM, and other expressjs.com contributors, [Online].

Available: https://expressjs.com/. [Accessed 6 12 2021].

[5] "Mongo DB," MongoDB, Inc., [Online]. Available: https://www.mongodb.com/atlas.

[Accessed 14 12 2021].

[6] "Cloudinary," Cloudinary, [Online]. Available:

https://cloudinary.com/documentation/how_to_integrate_cloudinary. [Accessed 18
12 2021].

[7] "npm," [Online]. Available: https://www.npmjs.com/package/bcrypt. [Accessed 20

12 2021].

[8] "JSON Web Token," [Online]. Available:

https://datatracker.ietf.org/doc/html/rfc7519. [Accessed 25 12 2021].

[9] "npm," [Online]. Available: https://www.npmjs.com/package/multer. [Accessed 26

12 2021].

10