Professional Documents
Culture Documents
(A Govt. Aided UGC Autonomous & NAAC Accredited Institute Affiliated to RGPV, Bhopal)
Project Report
on
Submitted By:
Nikhil Agrawal
0901CA191012
Mentor:
Adhish Goyal, Software Engineer
Dr. Anshu Chaturvedi, Professor
Faculty Coordinator
MAY-JUNE 2022
MADHAV INSTITUTE OF TECHNOLOGY & SCIENCE, GWALIOR
(A Govt. Aided UGC Autonomous & NAAC Accredited Institute Affiliated to RGPV, Bhopal)
Project Report
on
A project report submitted in partial fulfillment of the requirement for the degree of
in
Submitted By:
Nikhil Agrawal
0901CA191012
Mentor:
Adhish Goyal, Software Engineer
Dr. Anshu Chaturvedi, Professor
Faculty Coordinator
Submitted to:
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
MADHAV INSTITUTE OF TECHNOLOGY & SCIENCE
GWALIOR - 474005 (MP) est. 1957
MAY-JUNE 2022
ORGANISATION CERTIFICATE
MADHAV INSTITUTE OF TECHNOLOGY & SCIENCE, GWALIOR
(A Govt. Aided UGC Autonomous & NAAC Accredited Institute Affiliated to RGPV, Bhopal)
CERTIFICATE
This is certified that Nikhil Agrawal (0901CA191012) has submitted the project report titled
Praedico Virtual Office (Employee) under the mentorship of Adhish Goyal, in partial
fulfillment of the requirement for the award of degree of Master of Computer Application of
Computer Science and Engineering from Madhav Institute of Technology and Science,
Gwalior.
DECLARATION
I hereby declare that the work being presented in this project report, for the partial
fulfillment of requirement for the award of the degree of Master of Computer
Application in Computer Science and Engineering at Madhav Institute of Technology
& Science, Gwalior is an authenticated and original record of my work under the
mentorship of Mr. Adhish Goyal, Software Engineer, Praedico Virtual Office
Pvt. Ltd.
I declare that I have not submitted the matter embodied in this report for the award of
any degree or diploma anywhere else.
Nikhil Agrawal
0901CA191012
3rd Year,
Master of Computer Application,
Computer Science and Engineering
MADHAV INSTITUTE OF TECHNOLOGY & SCIENCE, GWALIOR
(A Govt. Aided UGC Autonomous & NAAC Accredited Institute Affiliated to RGPV, Bhopal)
ACKNOWLEDGEMENT
The full semester project has proved to be pivotal to my career. I am thankful to my institute,
Madhav Institute of Technology and Science to allow me to continue my disciplinary
project. I extend my gratitude to the Director of the institute, Dr. R. K. Pandit and Dean
Academics, Dr. Manjaree Pandit for this.
Nikhil Agrawal
0901CA191012
3rdYear,
Master of Computer Application,
Computer Science and Engineering
ABSTRACT
Praedico Virtual Office gives business a physical address and office related services
without the overhead of a long lease and administrative staff. It is portable web office
where employees can work from any suitable place whether remote or locally.
This project has three major module Admin module, Employee module and Team
Head module. In Employee module, there has Task, Customer, Sold Product,
Meeting and Feedback as sub-module. In this project, I have done the Employee
module. In this module, Employee adds Customers to who they sell company
products. Employee adds meetings to in order to sell make sell employee take
meetings with multiple organizations. We use JavaScript that is popular this time in
the web development field. For we used React as it is one of the popular library of
JavaScript. For back-end, we used Node, it is also a library file of JavaScript that it is
the popular and latest general-purpose scripting language that is especially suited to
web development. For the Database, we use MongoDB. This project is feasible for
all types of feasibility like technically, behaviorally and economically because the
technology we used for this project is very popular, most people know about it and
the project operation is very simple so the everyone can easily access it and
understand the functionality
TABLE OF CONTENTS
TITLE PAGENO.
Abbreviation Description
MERN MongoDB
Expres
React
Node
Chapter 1
INTRODUCTION
1.1 About Company
Praedico Global Research Private Limited is a private company which was founded on 09
April 2018. They deal in stock market training, Stock Market Predictive Softwares, Robotic
Stock Trading, Global Equity Research, Portfolio Designing, Financial literacy, and Stock
Market Research Using Deep Learning.
The registered number of the company is 045496. The working office of the company is
situated in Udyog vihar, phase 4, Gurugram. Its authorized capital is 1,000,000 and paid up
capital is 100,000. Their industry code is 74999.
With Praedico Global Research, robust Softwares are built to be sensitive and identify trend
on the stock market and make a high probable prediction with at least 80% confidence level.
The company also conduct's financial related workshops all over the globe. They offer their
services to clients trading on stock markets all around the world. They use Financial Research
and Neural Network Programming to develop hybrid products which can be used by traders
and investors for better prediction of their investments.
Page 1
1.2 About Project
This project is developed for the web portal of Praedico Global Research Pvt. Ltd. Praedico
Virtual Office is an online web office which stores data of all employees and customers of
this company. A virtual office is a service that allows company to work remotely while still
maintaining a presence in a specific area without having to pay physical rent.
Praedico Virtual Office gives businesses a physical address and office-related services
without the overhead of a long lease and administrative staff. Praedico Virtual Office can be
operated used as one unit to serve customers but do not exist in fixed location. The cost of
operating a virtual office is much less than traditional office, it has none of the maintenance
and upkeep costs nor does it need to be staffed.
A Virtual Office can lead greater productivity, as its services free workers from
administration tasks, as well as commutes. Each employee can work from the location that is
most convenient, and the business is not restricted to hire employees who live locally. As
more people finds to work remotely, the benefits to virtual office are immediately noticeable.
1.2.1 Scope
Work-life equilibrium - One of the major factor of stress is to find the right work-life
balance.
Diverse Employees- Most employees do not take corporate jobs because of huge distances.
This also allows employers to employees from a diverse pool of talent and skills.
Page 2
1.2.2 Project Objectives
The main objective of the Praedico Virtual Office is to store all the data of employees,
customers, products and administration.
Increases productivity.
Page 3
1.3 Hardware Specifications
• RAM: 512MB+
• Processor: 1.0GHz+
It's recommended that your host supports React version 18.1.0 or above, MongoDB version
5.0 or above, and HTTPS support.
NodeJS and ExpressJS are the most robust and feature-abundant servers for running ReactJS
but any server that supports NodeJS and MongoDB will do.
If we only have older NodeJS or MongoDB versions, ReactJS also works with Bootstrap 5.1
and MongoDB 5.0.
• Stable internet connection with speed up to 512 Kbps for every individual system.
• And installation of any web browser these are minimum hardware requirements-
Page 4
Requirements Internet Firefox Opera Chrome
Explorer
RAM
Page 5
1.4 Software Specifications
The technology used in the project is MERN (MongoDB, ExpressJS, ReactJS, NodeJS)
MongoDB -
ExpressJS -
Express.js is a web application framework for Node.js. It provides various features that
make web application development fast and easy which otherwise takes more time using
only Node.js.
Express.js is based on the Node.js middleware module called connect which in term
uses http module. So, any middleware which is based on connect will also work with
Express.js.
ReactJS –
React is a library for building compostable user interfaces. It encourages the creation of
reusable UI components, which present data that changes over time. Lots of people use React
as the V in MVC architecture. React abstracts away the DOM from you, offering a simpler
programming model and better performance.
React can also render on the server using Node, and it can power native apps using React
Native. React implements one-way reactive data flow, which reduces the boilerplate and is
easier to reason about than traditional data binding.
Page 6
NodeJS –
Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser.
This allows Node.js to be very performative Node.js provides a set of asynchronous I/O
primitives in its standard library that prevent JavaScript code from blocking and generally,
libraries in Node.js are written using non-blocking paradigms, making blocking behavior the
exception rather than the norm.
Page 7
Chapter 2
SYSTEM ANALYSIS
Page 8
2.1 Requirement identification
Initially, we collected all the information and the working of the current system. We
noted the limitation of that system, which motivated us to develop new system. With
the help of these information, we got basic ideas about the existing system. we tried to
implement those ideas to develop the proposed system.
The most important thing is to study system thoroughly. Here we are studying both
existing system and proposed system so that advantages and disadvantages of both
system can be understood.
Since, the existing system is made on the outdated technology and technology
upgradation is must in software world. The app and web development industries
have moved on to a powerful era. It is going to give people hundreds of different
innovative web designs that they would be able to work on. MERN stack will be
the most common stack.
PHP has been one of the expert scripting languages for the creation of functional
websites with much less cost and time-consuming involvement of programmers.
Over the years, the concerns regarding the security of PHP-based products still
persist due to several reasons. One of them is the open-source nature of PHP,
which means that the possible code vulnerabilities become the common
knowledge after they have been found.
Page 9
2.1.3 Proposed system requirement
The proposed system is built on latest technology which is used by many popular
websites such as Paypal, Airbnb, BBC, Dropbox, Facebook, etc.
The MERN stack is an excellent choice for this company Praedico Global Research
Pvt. Ltd. Which is wishing to develop high quality web applications. Indeed, this stack,
in addition to using high-performance and customized technologies, allows for web
applications and software to be developed very quickly!
The whole system, including the front-end, the back-end and the database, uses the
REST API, which acts as a ‘middleware’ and is reusable for any other application:
mobile software etc., very easily.
The REST API allows you to connect applications to each other like pieces in a puzzle.
The REST APIs are based on HTTP and imitate web communication styles, making
them very advantageous to use in the MERN stack.
A quick back-end means that users of this application will have access to their data much
faster, and that is very advantageous indeed. This is especially the case when considering
that today, the average acceptable time for a user to wait for a web page to load is less
than 1 second.
React is based on the Single Page Application (SPA) which involves having a web
application accessed from a single web page. This avoids loading a new page with each
action, and makes for a greatly streamlined user experience, which was the basic
requirement of the proposed system.
Page 10
To implement the proposed system, these are the basic needs, which are required
to develop the system :
Products-
Customers-
Those products must have some purchasers, the customers basic need so that
the company can sell their products.
Employees-
Company always holds employees for growth and to make sell of products.
Tasks-
Tasks with deadlines are assigned to employees to make their work move
faster.
Meetings-
Employees need to take meetings with the organizations to sell their
products.
Page 11
2.2 Feasibility Study
Preliminary investigation examines project feasibility, the likelihood the system will
be useful to organization. The main objective was to meet all the necessary
requirements of the proposed system within the estimated costing of the system. Since
the feasibility study is to test the technical , operational and economical feasibility for
adding new modules and debugging old running system. All system is feasible if the
have unlimited resources and infinite time:
The technical issue usually raised during the feasibility stage of the investigation of
the system includes the following:
Are there technical guarantees of accuracy, reliability, ease of access and data
security?
Page 12
2.2.2 Economic Feasibility
The system is financially feasible. It does not require any addition hardware or
software. Since the interface for this system is developed using the existing resources
and technologies, there is nominal expenditure and economic feasibility for certain.
There have aspects which is define why this project is economically feasible.
The proposed projects will be beneficial for the client then only. When they will test
the operational feasibility of the project, to implement this system, then some
important issue may arise, includes the following:
Page 13
Is there sufficient support from their management team for the users?
Ans. Yes, there have sufficient support from the management team for the client.
We are providing some services to the user which will be beneficial for the client and
it will attract the client. Some services will be like this: we will be providing technical
and maintenance support till the 1 year, where we will help during this period if client
face problems or bugs in the project. We will provide free hosting and domain to the
user, with which they will be able to implement the project without any extra cost.
Ans. If client implement this project in future, so it is beneficial for the client's
business purpose, because most of the users wants all facilities in single platform, like:
manage products, employees, meeting tasks and so many office related works.
This virtual office will meet all these employees requirements in one platform, which
will attract more employees and this will directly help to capture the virtual office to
the employees.
Its interface should be simple so that everyone should be able to use it.
Page 14
The proposed system will be available to the customers throughout the
globe.
The proposed system will provide a better market for different users.
In the proposed system, we are planning to develop a system which interface will user
friendly and interactive. In this website, User can easily interact with the host through
the easy mechanism of the website. This website will also help the employees to
improve their performance where he can introduce with new culture of office
environment and with the use of this culture, they can save time. It also provides the
global accessibility feature, which will help the employees to access it online in any
place and platform. Proposed system will help to the employees and host to gain
better opportunities and meet with more customers and know about different culture.
So, finally we can say that, our proposed system will behaviorally feasible.
Page 15
2.3 Data flow Diagram
Page 16
2.3.2 Data flow Diagram Level 1
Page 17
Page 18
Chapter 3
SYSTEM DESIGN
Page 19
3.1 System Flow Chart
Page 20
3.2 Entity Relationship Diagram
has
validity price ppttitle
pptfile
sodate
cuemail
e_id
cuname cuadd
p_id cu_id
s_id e_id hid epwd
cu_id
e_id cmon_no
sdate
email caadhar
ename
aadhar
give
Employee
egen manage
t_id
e_id mob_no
post m_id
_id eadd
ttitle
mdate
status mmob_no
Task have
Meeting
Category hsdate
Feedback
hname
hid hpwd
f_id
feedback cdesc hemail
e_id hadd
haadhar
e_id give Teamhead
Employee_rating
1. Employee table
2. Category table
Page 22
3. Team head table
4. Product_ppt table
Page 23
5. Customer table
6. Our_product table
Page 24
7. Meeting table
8. Sold_product table
Page 25
9. Task table
Page 26
Chapter 4
TESTING AND
IMPLEMENTATION
Page 27
4.1 Importance of code
Project testing is important or better to use the word critical for a project because nobody
likes a software with defects.
Just to take an example: If you an employee is added by team head and if this virtual office
has been full of defects or if you keep received a server error every time, when you are trying
to add an employee on this virtual office. Would you prefer this software?
So when this virtual office will be complete then we have to ensure that every module
(features or functionalities) is free from error. That is why project testing is important part of
project.
In the project implementation phase, I faced a lot of issues like everything operating properly
in its environment, including analyzing requirements, installation, configuration,
customization, execution, testing, systems integration, user training, and delivery and making
necessary changes. If these all are successfully work in the then that means your project is
properly setup, otherwise user will face some problems when the project is used, that is why
the software implementation is important part for all projects.
Page 28
4.2 Testing
So here we are using three testing approaches to check that the developed system met the
specified requirements or not.
Unit Testing:
This is the testing process, which we can do manually because in this testing program is a
tested individually using live record, to see whether that program produce satisfied output as
the company or not. In this testing, we checked the individual modules of the project will be
working properly or not . i.e. we tested each and every unit of the application separately in
developer’s environment.
Integration Testing:
In integration testing, system consists different modules, where in each module can arise
problems during the testing. Integration testing should be developed from the system
specification. Firstly, a minimum configuration must be integrated and then tested.
In our project we have done integration testing. In our project we can integrate all module
and then we have tested each module with each other, like a user visit on our virtual office,
how the user will react when they saw our virtual office so, each module is tested by me and
our development team.
Page 29
Validation Testing:
Validation testing provides final assurance that software meets all behavioral and
performance requirements. Validation can be defining in many ways but a simple definition
is that validation succeeds when software function in a manner that canbe reasonably by the
customer. In this testing we had tested the connectivity or data transfer between a couple of
unit tested modules.
Page 30
4.3 Implementation Details
Setting up React:
Installing React is quite easy because nowadays web hosting servers have a quick
installation for web applications. The author did not want to use quick installation,
instead he installed React manually.
1. First, you have to download the newest version of React in project with the
simple command “npm install react”.
2. Then you need to unzip the downloaded file and move it to the web server
via the FTP client.
3. Then you have to create the project with the command “npm create-react-
app <project name>”
Setting up Node:
Page 31
Page 32
Installation of theme:
After a successful installation of React, it was time to implement the created design
on the website. At first, it was needed a React theme, which was set up on
Bootstrap. Thankfully, react have bootstrap library as react-bootstrap we just have
install package. The most basic Bootstrap theme on available was downloaded
because the style of the template needed to be customized radically.
Page 33
Chapter 5
SAMPLE FORMS AND
REPORTS
Page 34
Login Form:-
Dashboard:-
Page 35
Our Customers:-
Add Customers:-
Page 36
Edit Customer Details:-
Sold Products:-
Page 37
Add Sold Products:-
Page 38
Our Meetings:-
Page 39
Edit Meeting Details:-
Our Products:-
Page 40
Feedback:-
Edit Feedback:-
Page 41
Give Feedbacks to Teamhead:-
Change Password:-
Page 42
Rating:-
Page 43
Chapter 6
CONCLUSION
Page 44
CONCLUSION
The shift to the remote workplace has helped many business owners continue their
operations during these uncertain times. People wanted to stay safe at homes but work
must go on. Before the pandemic, many businesses didn't have a clear understanding
of what a virtual office is employees have embraced a flexible work schedule and
found that it's helped improve their work-life balance, even if they're working from
home. Employee morale is important to overall output. Even if there's a return to the
office after COVID-19, the ability to work in a virtual office space is something many
employees would like to continue.
The entire system is secured, and this project helped us to understand about the
development phases of a project and system development life cycle. We learned how
to test different features of a project and lot of things.
Page 45
Chapter 7
BIBLIOGRAPHY
Page 46
PROJECT REFERENCES
https://react-bootstrap.github.io/
https://nodejs.org/en/
https://www.youtube.com/
https://www.stackoverflow.com/
https://www.tutorialspoint.com/
https://www.w3schools.com/
https://www.mongodb.com/
https://reactjs.org/
https://expressjs.com/
Page 47