Daffodil International University Co-Supervised By

(1)

Chobirhaat: A Market place of authentic photos and photographers

BY Fatema Akter ID: 181-15-1710

Rashedul Islam ID: 181-15-1762

AND

Md. Toukir Ahamed ID: 181-15-1830

AND

This Report Presented in Partial Fulfillment of the Requirements for the Degree of Bachelor of Science in Computer Science and Engineering.

Supervised By

Amit Chakraborty Chhoton Lecturer

Department Of CSE

Daffodil International University Co-Supervised By

Tajim Md. Niamat Ullah Akhund Lecturer

Department Of CSE

Daffodil International University

DAFFODIL INTERNATIONAL UNIVERSITY

DHAKA, BANGLADESH

(2)

©Daffodil International University I OCTOBER 2021

APPROVAL

This Project titled “Chobirhaat Website”, submitted by Fatema Akter, ID: 181-15-1710, Rasedul Islam, ID: 181-15-1762 and Md Toukir Ahamed, ID: 181-15-1830 to the Department of Computer Science and Engineering, Daffodil International University, has been accepted as satisfactory for the partial fulfillment of the requirements for the degree of B.Sc. in Computer Science and Engineering and approved as to its style and contents.

The presentation has been held on 25, September 2021.

BOARD OF EXAMINERS

Dr. Touhid Bhuiyan

Professor and Head Chairman Department of CSE

Faculty of Science & Information Technology Daffodil International University

Md. Mahfujur Rahman Internal Examiner

Senior Lecturer Department of CSE

Faculty of Science & Information Technology Daffodil International University

Prof. Mohammad Shorif Uddin External Examiner

Professor

Department of CSE Jahangirnagar University

(3)

©Daffodil International University II

DECLARATION

We hereby declare that, this project has been done by us under the supervision of Amit Chakraborty Chhoton

,

Lecturer , Department of CSE Daffodil International University. We also declare that neither this project nor any part of this project has been submitted elsewhere for award of any degree or diploma.

Supervised by:

Amit Chakraborty Chhoton Lecturer

Department of CSE

Daffodil International University Co-Supervised by:

Tajim Md. Niamat Ullah Akhund Lecturer

Department of CSE

Daffodil International University

Submitted by:

Fatema Akter ID: 181-15-1710 Department of CSE

(4)

©Daffodil International University III Rashedul Islam

ID: 181-15-1762 Department of CSE

_______________

Md. Toukir Ahamed ID: 181-15-1830 Department of CSE

(5)

©Daffodil International University IV

ACKNOWLEDGEMENT

First we express our heartiest thanks and gratefulness to almighty God for His divine blessing makes us possible to complete the final year project/internship successfully.

We really grateful and wish our profound our indebtedness to Amit Chakraborty Chhoton, Lecturer, Department of CSE Daffodil International University, Dhaka. Deep Knowledge & keen interest of our supervisor in the field of “Web Development” to carry our this project. His endless patience ,scholarly guidance ,continual encouragement , constant and energetic supervision, constructive criticism , valuable advice ,reading many inferior draft and correcting them at all stage have made it possible to complete this project.

We would like to express our heartiest gratitude to Prof. Dr. Syed Akhter Hossain, Professor and Head, Department of CSE, for his kind help to finish our project and also to other faculty member and the staff of CSE department of Daffodil International University.

We would like to thank our entire course mate in Daffodil International University, who took part in this discuss while completing the course work.

Finally, we must acknowledge with due respect the constant support and patients of our parents.

(6)

©Daffodil International University V

ABSTRACT

Now a days E-commerce is increasing rapidly in Bangladeshbut image related websites are not growing in Bangladesh. That's why we decided to work with the image in the online marketplace. Most of the young people and educated people are contributes the increase of use of internet for online marketplace in Bangladesh. There are a lot of people who want to work with images but can't use their skills because they don't have good sources. The good news for them is that we have a “Chobirhaat” website. This project is a revolution of this image industry in our country. The online image buy &

selling marketplace will break the traditional image management. Every one buy images from everywhere through internet. It saves peoples time and their effort to sell images and buy images. In this project, I am developing a fully functioning online images buy and selling marketplace which is market ready and it is backed by the most secure platform of Node. js. Every person those who are sign up or sign in can visit the website.

Chobirhaat is a contract-based work where you use your photographer skills and experience to work with multiple clients and perform a variety of tasks. Chobirhaat often includes activities that allow you to work from home. Just a lot of the work done by chobirhaat can be delivered online without its presence in the customer base. A chobirhaat is a self-employed person who provides images, often working on several different client jobs at a time. Chobirhaat tend to make money per image and charging rate per image.

e online marketplace

(7)

©Daffodil International University VI

CONTENTS PAGE

Approval I

Board of examiner I

Declaration II-III

Acknowledgements IV

Abstract ^V

CHAPTER

CHAPTER 1: INTRODUCTION

^1-3

1.1 Introduction 1

1.2 Motivation 1.3 About Project 1.4 Objectives

1.5 Expected Outcome 1.6 Report Layout

1 2 2 3 3

CHAPTER 2:

2.1 Introduction 2.2 Related Work 2.3 Problem Statement

4

(8)

©Daffodil International University VII

CHAPTER 3: SESTEM DESIGN

3.1 General Idea 3.2 ER Diagrams 3.3 Activity Diagrams 3.4 Use-Case Diagrams

5-9 5 5 6-7 8-9

CHAPTER 4: PROJECT VIEW

4.1 Website Description 4.2 Navigation Bar & Footer 4.3 Gallery part

4.4 Image details page 4.5 About Page 4.6 Feature Page 4.7 Admin Panel 4.8 Client Panel 4.9 Login 4.10 Sign-Up

4.11 Profile Image set

10-30

10 11 12 13-15 15-21 22-24 25-26 27-28 29 30

CHAPTER 5: LIMITATIONS & CONCLUTIONS

5.1 Limitations

31

(9)

©Daffodil International University VIII

LIST OF FIGURES

FIGURE PAGE NO

Figure-1: ER Diagram 5

Figure-2.1: Admin Activity Diagram 6

Figure-2.2: Client Activity Diagram 7

Figure-3: Use Case Diagrams 8-9

5.2 Future Work 5.3 Conclusions

(10)

©Daffodil International University 1

CHAPTER-1 INTRODUCTION 1.1 Introduction

In this website, having a website is vital for photographer’s to share their images and harness the power of social media for online marketing. Photographers can upload their images online in the form of their photo-shoot package, it’s simpler then they might thing to create a secondary income string by selling images. They can easily access our website and they want to sell images in chobirhaat website. If someone is browsing our website gallery and sees a image if they can like any image they can buy it, they are also like and comment in any images. Selling your image through chobirhaat like it is easy, quick and safe.

Chobirhaat are sometimes represented by a company or a temporary worker or contract basis job where a photographer can choose their image and upload this. By chobirhaat website people can earn easily by their photographing skill. Admin can maintain the whole process. Whereas admin can maintain whole process that’s why image can’t be buy/sell/download without the admins approval. In chobirhaat website there are strong security that anyone can’t download images without payment.

1.2 Motivation

That’s main intention of this project is to create an online image marketplace (Chobirhaat) system which can comfortably use for buying or selling images. It provides a better experience to the customers to search & purchase an image on category

& price range. The admin will get more features from the customers. Admin can maintain everything from this Chobirhaat website. In this project :

i) To create a user friendly interface application.

ii) In this project we use HTML, CSS, Tailwind, React, Mongodb , JavaScript, Node js etc.

iii) Uploading images.

iv)This platform for online based earning site.

(11)

1.3 About Project

In this modern world online images service is available, like Imagebazar, Pexels etc. Here in this project, I am also using MongoDB for database. In my application client can visit website, sign up, then search images and buy/sell images. There are huge stores of images in my application where a client can easily search the image by using image categories name. They can also upload for such a image in my application. A client can follow a simple & easy procedure to buy/sell their images. First of all, a client needs to visit my application, choose their necessary images and click for add to cart, then go for checkout. A client must login first then they visit our application gallery and choose image then pay for the images. If the client does not have proper credential, he needs to signup first. After successfully complete his/her signup he/she can go for login and choose images and pay for each image. Finally a client see the all the information like image details, last paid etc. from his/her images. On the other hand admin can check the transaction id and approved the payment status. Then client can buy the image. He can manage all the system of the website. Admin can see the client list those are request for a image. Admin can see all the latest images and client list on the dashboard page.

1.4 Objectives

The online book buys and selling management system is based on following some objectives. These are:

1. Both admin and customer can visit this application form anywhere through internet.

2. This system based on secured data management system.

3. Ensure that an unauthorized person will not able to buy a book from this application.

4. Provides strong secure information for better services.

(12)

1.5 Expected Outcome

We make our chobirhaat website to increase the income way of people. From our website anyone can easily earn money by their photographing skill. photographers don’t have the proper value of their work because of the lacking of the way of the job sector.

We make this website and any photographer can easily upload their best image hare and sell it. It is easy and safe to sell their image. No complex way to sell.

1.6 Report Layout

In report layout, there is discussion about the summarization of our topic which we have discussed in our other chapters.

In chapter 1, we discussed the motivation, objectives and expected outcomes of the Images seller/buyer project.

In chapter 2, there is discussion about the background of the project. The scope and challenges. Also, the discussion about the similar project and related work.

In chapter 3, we show diagram part of the project work. This diagram we show that how the chobirhaat website work.

In chapter 4, here we write about the e implementation of the proposed system and after complete the system how can I test the system.

In last chapter 5, there is discussion about limitation of our project, future work and conclusions.

(13)

CHAPTER-2 Background 2.1 Introduction

When a project is accepted the very initial step is planning. Next step is to design project Specification and design that where the project is to apply and get result. After finish this stepped then we need to collect the required equipment that is necessary for project. This required equipment is called requirements. To start a project at first, we need to collect requirements, problem statements, related work analysis and gather more knowledge about this project. Then the next step is start working.

2.2 Related Work

We proposed our work to improve existing work of online image buy/selling. On the current system, the all information of images, clients are handled manually. That kills much of the time to manage everything. Suppose, some website is an online image store there are manage only one category. But In my project, there will be many categories in one application and client can buy image from any category.

2.3 Problem Statement

The major goal of this application is to create fully functioning online image buy and selling management. Without complexity anyone can buy image and also sell. This services solution ready to deploy for the customer and seller:



Get general understandings of online image buy and selling management system .



Get an understanding of Node.js and database (MongoDb).



Discussed the result of the proposed work.



Admin should have management knowledge.

(14)

CHAPTER 3 General Idea

The developing method is divided into two steps. First are frontend development and another one is backend development. We are using HTML, CSS, React Tailwind to develop my frontend. On the other hand we use javascript, firebase, react, fake data, Mongodb to develop backend.

3.1 ER diagram

Figure 1: ER Diagram

(15)

3.2 Activity Diagram

Figure 2.1: Admin Activity Diagram

(16)

3.3 Clients/Users Activity Diagram

Figure 2.2: Client/User Activity Diagram

(17)

3.4 Use Case Diagram Admin

Figure 3: Admin Use Case Diagram

(18)

Clients/Users

Figure 3: Client Use Case Diagram

(19)

CHAPTER 4 PROJECT VIEW

4.1 Website Description

This website is work with admin and customer. Admin can manage everything in this website. Admin can update all the information, if admin approved client request then anyone can buy images. If he/she cancel then client can’t able to buy image. We set the website content is dynamically. On the other hand, use internet customer can visit website easily. Clients can see images through this website. Clients also clear payment through this website. We set the bkash payment system that is easy for user and pay easily. This website is made for user friendly for both clients and admin panel. Clients can see all the order information in his panel. Clients can see order details easily and change his profile from his/her panel.

4.2 Navigation Bar & Footer

This is the navigation bad and footer in this application. The navigation bar is containing with logo, page link and profile link. The footer has four part, one is contact , second one is our resource ,third is about us details and last one is summary of work.

(20)

4.3 Gallery Section

This is the all-images section. Clients can find his/her image from this section. They can buy images from here.

(21)

(22)

4.4 Image Details Page

This page describes the selected image details. All the description of selected images are given here. . If anyone choosing an image then he/she click the image and see the image details like description, price, available/pending/sold status, comment etc.

(23)

(24)

4.5 About Page

In this section we show the all of our project.

Home page

In home page there is show two option one is “I want to download” and another is “I want to contribute”. When user click I want to download then user see the gallery page and buy image. Without buy user can’t buy image. When user click I want to contribute then he see the upload page and ask for upload image.

(25)

(26)

Gallery

In gallery user can visit image and in gallery we add category section because of user can easily find out which category image they want and buy it.

(27)

About Us

In about us page there are show our team member. We make this website together.

Faq

In faq section there is some question and answer we set it here.

(28)

Upload Image

This page user can upload their image and add description and add price.

(29)

Pricing

In pricing page we show the pricing system and discount for image. User can get idea to visit this page about image pricing.

(30)

Contact Us

In contact us page users can contact the admin if they want.

(31)

4.6 Feature Page

Upload

User can upload hare their images and set the price and description.

Delete option

By this feature user can delete their image if they don’t want it.

(32)

Search Option

In our website we set search bar option.in this feature user can easily find which picture/category they want.

Faq

In faq user can question and get answer.

(33)

Security

In our website we ensure safety of user images people who are visit in chobirhaat , they don’t download image without payment. We set security in hare.

Watch and Comment

In this part anyone can see the how many view in images and another feature we add that anyone can comment on separate picture which they want to comment.

(34)

4.7 Admin Panel

In this part we show the admin page and admin work

Approval

Admin can maintain all the process of this page. If any buyers want to buy image he/she can click buy and a massage sent to admin.in admin panel if admin can approved the request then user can buy the image.

Upload Image

Admin can also upload image. In admin panel here also an option to upload image.

(35)

4.8 Client/User Panel

Upload image

User can upload image from their profile

(36)

User can see on his/her profile how many image he/she upload and if he want he/she can delete image from his profile and this image also deleted from gallery.

(37)

4.9 Login Page

This is login page :

(38)

4.10 Sign-Up Page

As a new user please sign up our website.

(39)

4.11 Profile Image set

In signup page user can set their profile picture. They choose their image and select it hare and after login there show the profile picture beside their user name.

(40)

Chapter 5 5.1 Limitation

To make this application I find some limitations. For finance problem I did not set all- payment method, like merchant method and I did not get a domain and hosting to live this project. I implement mailing system using google mail but I do not have my own mail server for mailing.

5.2 Future work

In future I will make this project fully automated work. I will add many features and category in this project. We will develop a better efficient algorithm in this website. We will try updated the payment system. We will try to work with images as well as videos on our website. In future will make this project not only for single seller but also multiple seller and buyer. I will add seller panel for multiple sellers. Multiple image and category store will be in my projects. I will handle all this in future.

5.3 Conclusions

Due to digitalization of Bangladesh thousands and millions of clients can buy/sell images from home through internet. They can save their time by uploading image from home or anywhere. This is a great work for me to make this project.

(41)

References

[1] << https://unsplash.com/ >>

[2] << https://burst.shopify.com/ >>

[3] << https://www.pexels.com/ >>

[4] << https://pixabay.com/ >>

[5 << https://www.freeimages.com/ >>

[6] << https://kaboompics.com/ >>

[7] << https://stocksnap.io/ >>

(42)

(43)

Daffodil International University Co-Supervised By

This Report Presented in Partial Fulfillment of the Requirements for the Degree of Bachelor of Science in Computer Science and Engineering.

Supervised By

Amit Chakraborty Chhoton Lecturer

Department Of CSE

Daffodil International University Co-Supervised By

Tajim Md. Niamat Ullah Akhund Lecturer

Department Of CSE

Daffodil International University

DAFFODIL INTERNATIONAL UNIVERSITY

APPROVAL

BOARD OF EXAMINERS

DECLARATION

,

ACKNOWLEDGEMENT

ABSTRACT

TABLE OF CONTENTS

CONTENTS PAGE

CHAPTER

CHAPTER 1: INTRODUCTION

CHAPTER 2:

CHAPTER 3: SESTEM DESIGN

CHAPTER 4: PROJECT VIEW

CHAPTER 5: LIMITATIONS & CONCLUTIONS

LIST OF FIGURES

CHAPTER-1 INTRODUCTION 1.1 Introduction

1.2 Motivation

1.3 About Project

1.4 Objectives

1.5 Expected Outcome

1.6 Report Layout

CHAPTER-2 Background 2.1 Introduction

2.2 Related Work

2.3 Problem Statement









CHAPTER 3 General Idea

3.1 ER diagram

Figure 1: ER Diagram

3.2 Activity Diagram

3.3 Clients/Users Activity Diagram

3.4 Use Case Diagram Admin

Clients/Users

CHAPTER 4 PROJECT VIEW

4.1 Website Description

4.2 Navigation Bar & Footer

4.3 Gallery Section

4.4 Image Details Page

4.5 About Page

Gallery

About Us

Faq

Upload Image

Pricing

Contact Us

4.6 Feature Page

Search Option

Security

Watch and Comment

4.7 Admin Panel

4.8 Client/User Panel

4.9 Login Page

4.10 Sign-Up Page

4.11 Profile Image set

Chapter 5

5.1 Limitation

5.2 Future work

5.3 Conclusions

References