PURBANCHAL UNIVERSITY

DEPARTMENT OF COMPUTER ENGINEERING

KHWOPA ENGINEERING COLLEGE
LIBALI-2, BHAKTAPUR

A PROJECT REPORT

ON

KHWOPA PROJECT ARCHIVE

Project work submitted in partial fulfillment of requirements for the award of the degree of
Bachelor of Engineering in Computer Engineering (Fifth Semester)

SUBMITTED BY
Aarju Chaulagain (740302)

Avishek Karki (740306)

Dhruba Rai (740313)

Naresh Roka (740323)

UNDER THE GUIDANCE OF

Er. Reena Manandhar

12 November, 2020
 DEPARTMENT OF COMPUTER ENGINEERING
KHWOPA ENGINEERING COLLEGE
LIBALI-2, BHAKTAPUR

CERTIFICATE

This is to certify that the project entitled "Khwopa Project Archive " submitted by Aarju
Chaulagain, Avishek Karki, Dhruba Rai and Naresh Roka in a partial fulfillment of the
requirements for the award of the Degree of Bachelor of Engineering in Computer
Engineering of Purbanchal University, is a bonafide work to the best of our knowledge and
may be placed before the examination Board for their consideration.

Panel of Examiners:

Name Signature Date

Head of Department

Er. Reena Manandhar ……………… ………………..

Project Supervisor

Er. Reena Manandhar ……………… …………………

External Examiner

…………………… ……………… …………………

 ACKNOWLEDGEMENT

We would like to express our sincere thanks to the department of Computer Engineering for
providing us the opportunity to explore our interest and ideas in the engineering field through
this project.

We express our sense of gratitude to Er. Reena Manandhar, Head of Department of

Computer Engineering, for her encouragement, inspiration and guidance for accomplishing
this valuable task.

Our sincere thanks goes to all the teachers, our parents and friends who helped and supported
us throughout this project. Besides them, there are many other hidden scholars. Our special
thanks go to all of them.

Finally, we would like to thank our supervisor Er. Reena Manandhar who helped us a lot in
gathering different information, collecting data and guiding us from time to time and sharing
us their valuable ideas in selecting project title as “Khwopa Project Archive” despite of
their busy schedules.

Group Members

1. Aarju Chaulagain (740302)

2. Avishek Karki (740306)

3. Dhruba Rai (740313)

4. Naresh Roka (740323)

I
 ABSTRACT
This project entitled as “Khwopa Project Archive” is a website that keeps the record of the
projects that were performed in this college. Along with the projects, the documents related to
the respective projects are also recorded here. The interface will be interactive for both the
user and the admin. Teacher can instruct and review the ongoing projects of the students.
Admin will have all the access granted whereas the users will have the limited access only.
There will be the comment section for the user to give feedback about the project. This
website making process will be broken into different categories along with the allocation of
time. We will be completing this project using different web designing tools like HTML,
CSS, PHP, JavaScript storing the required data files in the database.

In a nutshell, this project is the online archive that stores the old as well as ongoing projects
and their details in the efficient and interactive way. This project will be helpful to perform
different project research as they are kept safely at one place.

Keywords: Archive, Interface, Admin, Hypertext Markup Language (HTML), Cascading

Style Sheets (CSS), PHP Hypertext Preprocessor (PHP), JavaScript, Database, Online
Archive.

II
 TABLE OF CONTENTS

ACKNOWLEDGEMENT........................................................................................................I
ABSTRACT.............................................................................................................................II
TABLE OF CONTENTS.......................................................................................................III
LIST OF FIGURES...............................................................................................................IV

CHAPTER 1.............................................................................................................................1
INTRODUCTION................................................................................................................1
1.1 Background...................................................................................................................1
1.2 Objective.......................................................................................................................1
1.3 Scope ............................................................................................................................1
1.4 Motivation.....................................................................................................................1
1.5 Statement of Problems..................................................................................................1

CHAPTER 2.............................................................................................................................2
LITERATURE REVIEW....................................................................................................2

CHAPTER 3.............................................................................................................................3
PROJECT MANAGEMENT..............................................................................................3
3.1 Team Management.......................................................................................................3
3.2 Feasibility Study...........................................................................................................3
3.3 Project Structure...........................................................................................................3

CHAPTER 4 ............................................................................................................................4
METHODOLOGY...............................................................................................................4
4.1 Background ..................................................................................................................4
4.2 Generic Model..............................................................................................................4
4.3 E-R Diagram.................................................................................................................5
4.4 Tools and Platform Used...............................................................................................6

CHAPTER 5.............................................................................................................................7
RESULT AND DISCUSSION.............................................................................................7
5.1 Overview ......................................................................................................................7
5.2 Front-end Screenshots ...............................................................................................7-9
5.3 Back-end Screenshots..............................................................................................9-10

CHAPTER 6...........................................................................................................................11
CONCLUSION AND RECOMMENDATION................................................................11
6.1 Conclusion .................................................................................................................11
6.2 Future Enhancements .................................................................................................11

REFERENCES.......................................................................................................................12

III
 LIST OF FIGURES

Fig. no. Title Page

3.1 Project Structure 3
4.1 Generic Model 4
4.2 ER Diagram 5
5.1 Homepage 7
5.2 Login Section 7
5.3 Signup modal form 7
5.4 Khec Project Archive Section 8
5.5 Add Project Section 8
5.6 Notice Board Section 8
5.7 Footer Section 8
5.8 Dashboard Section 9
5.9 Add Project Section 9
5.10 User Manage Section 9
5.11 File upload Section 9
5.12 Admin Info Section 9

IV
 CHAPTER 1
INTRODUCTION
1.1 Background
Our project, on the topic “Khwopa Project Archive”, is the web-based project which main
purpose is to keep the records of projects done by students of this college and showcase them
in the most interactive and efficient way. This archive contains the softcopy of projects and
documents prepared by different students. So, it becomes very easy and helpful for the new
students to look after the old projects to get knowledge. This also helps to keep the records in
the safe manner. One can be able to view the recorded items wherever they want and can
review them also.
To complete this project, we will use the web designing tools like PHP, HTML, CSS,
JavaScript, SQL for the frontend and backend purposes. For this project to be successful, we
will be taking help and references from the similar projects done previously.

1.2 Objective
The objective of our project is to design a useful, interactive and efficient website to manage
the overall projects created earlier and ongoing projects in our college.

1.3 Scope
As mentioned in the background, this type of project is very useful in educational institutions
to keep and maintain the records of the projects made by students. Institutions can conduct
some research with the help of data that are stored online.

1.4 Motivation
This project is highly motivated from the problems that we faced while conducting our
previous projects regarding the title selection, proposal and report writing methodologies.
Rather than wasting time on searching and observing the handwritten projects, it is far better
to observe and understand them in some online platform.

1.5 Statement of Problems

The various problems found in the previous similar projects are as follows:

 No dual interactions by users on the same project title

 Less interactive in terms of rate and reviews
 Limitations in downloading and uploading facilities

1
 CHAPTER 2
LITERATURE REVIEW
Many projects on the similar approach have been done previously. It would have been nearly
impossible for us to proceed without the study of previously made similar approaches. We
studied and analyzed various available projects with the similar goals.

There are various websites providing similar features. Some of them are listed below:

1. 1000projects.org
It provides students with free BTech BE, MTech ME as well as MSc MCA projects. It
undertakes programs and projects for the development of technical, human resources
and both through formal and non-formal delivery systems [1].

2. projecttopics.org
ProjectTopics.org is a website which provides access to a database of academic
research materials. It hosts over 10,000+ pieces of content from various academic
papers. The materials are grouped into academic fields like accounting, agricultural
science, applied sciences, architecture, computer science, etc [2].

3. nevonprojects.com
It was started in 2012 NevonProjects to provide its research in technology. This
website as built to automate work from various sectors including agriculture,
manufacturing, defense, biomedical as well as domestic sector [3].

These are some of the available sites which provide a peek at many project topics conducted
in the past. Similarly, our website provides students of our college with similar facilities.

2
 CHAPTER 3
PROJECT MANAGEMENT
3.1 Team Management

To complete and present the project in a well manner, we manage a group with four
members:

1. Aarju Chaulagain
2. Avishek Karki
3. Dhruba Rai
4. Naresh Roka
There is the equal dedication in of workloads for managing resources, coding, debugging,
gathering information and documentation. The project report is divided into:
 Chapter 1: Basic introduction and background on our project
 Chapter 2: Literature review on the past projects
 Chapter 3: Project management and structure of report
 Chapter 4: Methodology used during the project development
 Chapter 5: Work completed and results
 Chapter 6: Conclusion and future enhancement

3.2 Feasibility Study

We can find websites like ours which provide previously done project to be downloaded as a
reference to their project. Our project could be used in any educational institutions to record
all the projects conducted by their students. We think our project is feasible in any regards
and it will be completed overcoming previous limitations.
3.3 Project Structure

Project

Requirement
Tools
s
Generic model HTML/CSS/Bootstrap
JavaScript
PHP
ER diagram SQL
Fig 3.1 Project Structure

3
 CHAPTER 4
METHODOLOGY

4.1 Background
Our project, on the topic “Khwopa Project Archive”, is the web-based project with main
purpose of keeping the records of projects done by students of this college and showcase
them in the most interactive and efficient way. This archive contains the softcopy of projects
and documents prepared by different students. There is the email notification system also and
notice can be generated by the admins in the website. So, this website will be very helpful for
the students as well as teachers.

4.2 Generic Model

Khwopa Project Archive

Admin User
Login Login/Register
Add/Delete/Update items Select items
Add/Delete user Upload/Download items
Add contents Share items
Edit site design and setting Logout
Reset user’s passwords and profile details
Logout

Fig.4.1 Generic Model

The above figure shows the generic model of the project which shows two key users of the
system namely admin and user (as in normal user). Admin is responsible for handling all
aspects of the website like add, delete and update the items to be displayed in the frontend.
Likewise, they are also responsible for managing the existing and new users as well. Admin
also manages the contents of the website and also its design and settings. They can also help
users to reset their password and change profile details. Only admin is capable of using these
features. Likewise, registered users can login and get access to the project displayed on site.
They can view available project items and also upload their own projects as well. The
available project can also be shared by registered users.

4
 4.3 ER Diagram
Email

Name Id
Name Id

Users Supervises Admin

Address Email

Login/ Khwopa Project Login

Register Archive

Has

Id
Name

Create/
Upload/ Items
Confirm
Download

Credit Description

Has

Game
Management
system
Category
Business

Fig.4.2 Entity Relationship Diagram

5
4.4 Tools and Platforms Used
During the development of the project, the tools and platforms that we used for coding and
testing the project are:
1. Windows OS
2. HTML, CSS, Bootstrap
3. JavaScript
4. PHP
5. MySQL

6
 CHAPTER 5
RESULT AND DISCUSSION
5.1 Overview
We have completed the following portions of our project during certain period. Finally, users
are able to register and login in to the site to be able to view and request the project samples
available. The website consists a showcase of the projects available under category tab/link in
navigation bar. The admins are also able to send emails of notice to the group of targeted
users as well. Here are some screenshots of the website.

5.2 Front-end Screenshots

Fig.5.1 Homepage

The above figure shows the landing page of our website. The home page consists of header
with our project logo and all available links in the navigation bar. This is a welcome page
giving introduction about the site to the users. This page also contains some guidelines and
links on how to start a project.

7
 Fig.5.2 Login section Fig.5.3 Signup modal form

The above figures Fig.5.2 and Fig.5.3 show the simple modal form for login and signup
respectively. This shows up on the home page in Fig.5.1 when the signup button on
navigation bar is clicked. It allows users to quickly login or register to the website.

Fig.5.4 Khec Project Archive Section

The above figure shows the image of page displayed under category link. The page displayed
is a display of the available projects with small description and a link to view each in detailed
page. The project shown are Management System type projects under category tab.

8
 Fig.5.5 Add Project Section Fig.5.6 Notice Board Section
The above figures Fig.5.5 shows the form to add a project to the site by the users. When the
admin approves of the request, user’s project will be added to the website for all members to
see. Similarly, Fig.5.6 shows the view of the notice page where all the important notices are
posted.

Fig.5.7 Footer Section

This is the footer section of the website which is displayed at the bottom of every page.

5.3 Back-end Screenshots

Fig.5.8 Dashboard Section Fig.5.9 Add Project Section

The above figure Fig.5.8 shows the dashboard section when an admin logs in. The page
consists of simple overview of number of users, projects, etc. The other Fig.5.9 shows the
form where admin can directly add a project which is displayed on frontend.

9
 Fig.5.10 User Manage Section Fig.5.11 File upload Section

The above figure Fig.5.10 is where admin can add users easily with their info directly to the
database. Admin can also edit the user info as well as delete items from the table below. The
Fig.5.11 is where admin upload the files directly which are linked to the website.

Fig.5.12 Admin Info Section

The figure Fig.5.12 shows where the admin can edit or update their own information. All
these backend features can only be used by the admin.

10
 CHAPTER 6
CONCLUSION AND RECOMMENDATION

6.1 Conclusion

Hence, after the completion of this project we got more familiar with the web designing
applications and tools. As a whole, this project has been a good learning experience for us.
We have gained knowledge about the various aspects of front end, back end, database and
many other things.

We still want to emphasize that the project is not complete by itself. There are still lots of
room for improvement.

6.2 Future Enhancements

There are still some of improvement to be made and addition of features.

1. The security of the page could be improved.

2. The layout of the site can be improved with latest features and tools.
3. There is no comment section where authorized users could discuss. This can be added
in the future.
4. There could be a messaging system to communicate between students and their
project supervisor.

11
 REFERENCES
Websites:

[1] “1000projects – Free BTech BE Projects | MTech ME Projects” Accessed on: March 4,
2020

[Online]. Available: https://1000projects.org/about-us.html

[2] “Final Year Research Project Topics, Materials and Ideas” Accessed on: September 28,
2020

[Online]. Available: https://www.projecttopics.org/about/

[3] “Electronics Software and Mechanical Projects Ideas and Kits” Accessed on: November
1, 2020

[Online]. Available: https://nevonprojects.com

12