Major project

Report
(Subject code
here)

SUBMITTED TO: SUBMITTED BY:

Miss. Surbhi Sharma Dhanendra Singh
(Assistant Professor) (18BCON312)
Department of
Computer Science
 ACKNOWLEDGEMENT

The satisfaction that accompanies that the successful completion of any task would be
incomplete without the mention of people whose ceaseless cooperation made it possible,
whose constant guidance and encouragement crown all efforts with success.

We are thankful to the University for providing us a platform to carry out this activity
successfully.

We are also very grateful to the faculty for their kind support and guidance.

We are also grateful to my project guide Miss. Surbhi for the guidance, inspiration
and constructive suggestions that helped me in the presentation of this project.

We also thank to my colleagues who have helping me in making of the project.

 DECLARATION

I hereby declare that the Major Project Report entitled “College Management System” is an authentic
record of my own work carried out at JECRC University as requirements of Major Project for the award of
degree of B-Tech (Computer Science), JECRC University, Jaipur.

Dhanendra Singh (18BCON312)

Certified that the above statement made by the student is correct to the best of our knowledge and belief.

Miss. Surbhi
(Project Guide)
 CONTENT
1. Abstract

2. Introduction

a. About the project

b. Pages and Activities in the Project
c. Data base and Tables in Project

d. Some Codes Used in the Application

e. About Concepts

f. Technology Use
g. Tools Use

3. Project Development Requirements

a. Software requirement
b. Hardware requirement

4. References
 Abstract
The project (College management System) is on an idea of managing all the
operation held inside of an University.
The objective of College management System is to provide a way through which user
and the student can get all the required information about the campus, fees, assessment
and Notices etc. This website also provides different options and students information
and grades.
College management system or college ERP is designed considering the need of
colleges in today's time for end-to-end digitization. It brings all the stakeholders on a
single cloud-based web and Mobile App platform to provide strong platform-based
connectivity for truly digital operations. The app-in-one college management system
is designed with a thought to provide full fledge College ERP so that colleges need
not to rely on multiple software to continue their operations effectively.
 Introduction

About the Project: -

We have thinking of creating this type of system through a full stackwebsite or
application which is used to provide online ordering of the essentials to the user as-well-
as get information about it.
This type of system is often known as SAAS (Software as a Service). It is a
platform where user can get all the information and order their essential with
an ease and comfort.
It can be based on web, app, or WEB-APP.
College management system or college ERP is designed considering the need of
colleges in today's time for end-to-end digitization. It brings all the stakeholders on a
single cloud-based web and Mobile App platform to provide strong platform-based
connectivity for truly digital operations. The app-in-one college management system is
designed with a thought to provide full fledge College ERP so that colleges need not to
rely on multiple software to continue their operations effectively.

WEBSITE –
Dashboard:-
 Databases and Table
Definition: A database is an organized collection of structured information, or data,
typically stored electronically in a computer system. A database is usuallycontrolled by a
database management system (DBMS). Together, the data andthe DBMS, along with the
applications that are associated with them, are referred to as a database system, often
shortened to just database.
Data within the most common types of databases in operation today is typicallymodeled in
rows and columns in a series of tables to make processing and data querying efficient. The
data can then be easily accessed, managed, modified, updated, controlled, and organized.
Most databases use structured query language (SQL) for writing and querying data.
SQL: SQL is a programming language used by nearly all relational databases toquery,
manipulate, and define data, and to provide access control. SQL was firstdeveloped at IBM
in the 70s with Oracle as a major contributor, which led to implementation of the SQL
ANSI standard, SQL has spurred many extensions from companies such as IBM, Oracle,
and Microsoft. Although SQL is still widely used today, new programming languages are
beginning to appear.

Tables:
Tables are database objects that contain all the data in a database. In tables, data is logically
organized in a row-and-column format similar to a spreadsheet. Eachrow represents a unique
record, and each column represents a field in the record.For example, a table that contains
employee data for a company might contain a row for each employee and columns
representing employee information such as employee number, name, address, job title, and
home telephone number.
 The number of tables in a database is limited only by the number of objectsallowed in
a database (2,147,483,647). A standard user-defined table can have up to 1,024
columns. The number of rows in the table is limited only by the storage capacity of
the server.
 You can assign properties to the table and to each column in the table to control the
data that is allowed and other properties. For example, you cancreate constraints on
a column to disallow null values or provide a default
 value if a value is not specified, or you can assign a key constraint on thetable that
enforces uniqueness or defines a relationship between tables.
 The data in the table can be compressed either by row or by page. Data
compression can allow more rows to be stored on a page. For more information,
see Data Compression.

Types of Tables
Besides the standard role of basic user-defined tables, SQL Server provides thefollowing
types of tables that serve special purposes in a database.

Partitioned Tables
Partitioned tables are tables whose data is horizontally divided into units which may be
spread across more than one filegroup in a database. Partitioning makes large tables or
indexes more manageable by letting you access or manage subsetsof data quickly and
efficiently, while maintaining the integrity of the overall collection. By default, SQL Server
supports up to 15,000 partitions. For more information, see Partitioned Tables and Indexes.

Temporary Tables
Temporary tables are stored in tempdb. There are two types of temporary tables: local and
global. They differ from each other in their names, their visibility, and their availability.
Local temporary tables have a single number sign (#) as the first character of their names;
they are visible only to the current connection for the user, and they are deleted when the
user disconnects from the instance of SQL Server. Global temporary tables have two
number signs (##) as the first characters of their names; they are visible to any user after
they are created, and they are deleted when all users referencing the table disconnect from
the instanceof SQL Server.
Reduced recompilations for workloads using temporary tables across multiplescopes
SQL Server 20 (15.x) under all database compatibility levels reduces recompilations for
workloads using temporary tables across multiple scopes. This feature is also enabled in
Azure SQL Database under database compatibility level150 for all deployment models. Prior
to this feature, when referencing a temporary table with a data manipulation language (DML)
statement
(SELECT, INSERT, UPDATE, DELETE), if the temporary table was created by
an outer scope batch, this would result in a recompile of the DML statement eachtime it is
executed. With this improvement, SQL Server performs additional lightweight checks to avoid
unnecessary recompilations:
 Check if the outer-scope module used for creating the temporary table atcompile
time is the same one used for consecutive executions.
 Keep track of any data definition language (DDL) changes made at initial
compilation and compare them with DDL operations for consecutive executions.
The result is a reduction in extraneous recompilations and CPU-overhead .

System Tables
SQL Server stores the data that defines the configuration of the server and all itstables in a
special set of tables known as system tables. Users cannot directly query or update the
system tables. The information in the system tables is made available through the system
views. For more information, see System Views (Transact-SQL).

Wide Tables
Wide tables use sparse columns to increase the total of columns that a table can have to
30,000. Sparse columns are ordinary columns that have an optimized storage for null values.
Sparse columns reduce the space requirements for null values at the cost of more overhead to
retrieve nonnull values. A wide table has defined a column set, which is an untyped XML
representation that combines all the sparse columns of a table into a structured output. The
number of indexes andstatistics is also increased to 1,000 and 30,000, respectively. The
maximum size of a wide table row is 8,0 bytes. Therefore, most of the data in any row
should be NULL. The maximum number of non-sparse columns plus computed columns in a
wide table remains 1,024.

Wide tables have the following performance implications.

 Wide tables can increase the cost to maintain indexes on the table. We recommend
that the number of indexes on a wide table be limited to the indexes that are
required by the business logic. As the number of indexesincreases, so does the
DML compile-time and memory requirement. No clustered indexes should be
filtered indexes that are applied to data subsets. For more information, see Create
Filtered Indexes.
  Applications can dynamically add and remove columns from wide tables.When
columns are added or removed, compiled query plans are also invalidated. We
recommend that you design an application to match the projected workload so that
schema changes are minimized.
 When data is added and removed from a wide table, performance can be affected.
Applications must be designed for the projected workload so thatchanges to the table
data is minimized.
 Limit the execution of DML statements on a wide table that update multiplerows of a
clustering key. These statements can require significant memory resources to compile
and execute.
 Switch partition operations on wide tables can be slow and might requirelarge
amounts of memory to process. The performance and memory requirements are
proportional to the total number of columns in both thesource and target partitions.
 Update cursors that update specific columns in a wide table should list thecolumns
explicitly in the FOR UPDATE clause. This will help optimize performance when
you use cursors

Types of databases
There are many different types of databases. The best database for a specific organization
depends on how the organization intends to use the data.

Relational databases
 Relational databases became dominant in the 80s. Items in a relational database are
organized as a set of tables with columns and rows. Relationaldatabase technology
provides the most efficient and flexible way to access structured information.

Object-oriented databases
 Information in an object-oriented database is represented in the form ofobjects, as
in object-oriented programming.

Distributed databases
  A distributed database consists of two or more files located in differentsites. The
database may be stored on multiple computers, located in the same physical
location, or scattered over different networks.

Data warehouses
 A central repository for data, a data warehouse is a type of database
specifically designed for fast query and analysis.

NoSQL databases
 A NoSQL, or nonrelational database, allows unstructured and
semistructured data to be stored and manipulated (in contrast to a relational
database, which defines how all data inserted into the database must be
composed). NoSQL databases grew popular as web applications became
more common and more complex.
Graph databases
 A graph database stores data in terms of entities and the relationships
between entities.
 OLTP databases. An OLTP database is a speedy, analytic database
designed for large numbers of transactions performed by multiple users. 
These are only a few of the several dozen types of databases in use today. Other, less
common databases are tailored to very specific scientific, financial, or other functions. In
addition to the different database types, changes in technology development approaches and
dramatic advances such as the cloud and automation are propelling databases in entirely new
directions. Some of the latestdatabases include

Open source databases

 An open source database system is one whose source code is open source;
such databases could be SQL or NoSQL databases. 
Cloud databases
 A cloud database is a collection of data, either structured or unstructured,
that resides on a private, public, or hybrid cloud computing platform. There
are two types of cloud database models: traditional and database as a 
 service (DBaaS). With DBaaS, administrative tasks and maintenance areperformed by a
service provider.

Multimodel database
 Multimodel databases combine different types of database models into a
single, integrated back end. This means they can accommodate various data
types.
Document/JSON database
 Designed for storing, retrieving, and managing document-oriented
information, document databases are a modern way to store data in JSON
format rather than rows and columns.
Self-driving databases
 The newest and most ground breaking type of database, self-driving
databases (also known as autonomous databases) are cloud-based and use
machine learning to automate database tuning, security, backups, updates,
and other routine management tasks traditionally performed by database
administrators.
What is database software?
Database software is used to create, edit, and maintain database files and records,enabling
easier file and record creation, data entry, data editing, updating, and reporting. The software
also handles data storage, backup and reporting, multi- access control, and security. Strong
database security is especially important today, as data theft becomes more frequent.
Database software is sometimes alsoreferred to as a “database management system”
(DBMS).
Database software makes data management simpler by enabling users to store data in a
structured form and then access it. It typically has a graphical interfaceto help create and
manage the data and, in some cases, users can construct theirown databases by using
database software.

What is a database management system (DBMS)?

A database typically requires a comprehensive database software program knownas a
database management system (DBMS). A DBMS serves as an interface between the database
and its end users or programs, allowing users to retrieve, update, and manage how the
information is organized and optimized. A DBMS
also facilitates oversight and control of databases, enabling a variety of administrative
operations such as performance monitoring, tuning, and backup and recovery.
Some examples of popular database software or DBMSs include MySQL, Microsoft
Access, Microsoft SQL Server, FileMaker Pro, Oracle Database, and Database.

What is a MySQL database?

MySQL is an open source relational database management system based on SQL. It was
designed and optimized for web applications and can run on any platform. As new and
different requirements emerged with the internet, MySQL became the platform of choice for
web developers and web-based applications. Because it’s designed to process millions of
queries and thousands of transactions, MySQL is a popular choice for ecommerce businesses
that need to manage multiple money transfers. On-demand flexibility is the primary feature
ofMySQL.
MySQL is the DBMS behind some of the top websites and web-based applications in the
world, including Airbnb, Uber, LinkedIn, Facebook, Twitter,and YouTube.

Database challenges
Today’s large enterprise databases often support very complex queries and are expected to
deliver nearly instant responses to those queries. As a result, databaseadministrators are
constantly called upon to employ a wide variety of methods to help improve performance.
Some common challenges that they face include:

 Absorbing significant increases in data volume. The explosion of data

coming in from sensors, connected machines, and dozens of other sources
keeps database administrators scrambling to manage and organize their
companies’ data efficiently.
 Ensuring data security. Data breaches are happening everywhere these
days, and hackers are getting more inventive. It’s more important than ever
to ensure that data is secure but also easily accessible to users.
  Keeping up with demand. In today’s fast-moving business environment,
companies need real-time access to their data to support timely decision-
making and to take advantage of new opportunities.
 Managing and maintaining the database and infrastructure. Database
administrators must continually watch the database for problems and
perform preventative maintenance, as well as apply software upgrades and
patches. As databases become more complex and data volumes grow,
companies are faced with the expense of hiring additional talent to monitor
and tune their databases.
 Removing limits on scalability. A business needs to grow if it’s going to
survive, and its data management must grow along with it. But it’s very
difficult for database administrators to predict how much capacity the
company will need, particularly with on-premises databases.
 Ensuring data residency, data sovereignty, or latency 
requirements. Some organizations have use cases that are better suited to run on-
premises. In those cases, engineered systems that are pre-configuredand pre-optimized
for running the database are ideal. Customers achieve higher availability, greater
performance and up to 40% lower cost with Oracle Exadata, according to Wikibon’s
recent analysis (PDF).
Addressing all of these challenges can be time-consuming and can preventdatabase
administrators from performing more strategic functions.

How autonomous technology is improving database management

Self-driving databases are the wave of the future—and offer an intriguing possibility for
organizations that want to use the best available database technology without the headaches
of running and operating that technology.
Self-driving databases use cloud-based technology and machine learning to automate many
of the routine tasks required to manage databases, such as tuning,security, backups, updates,
and other routine management tasks. With these tedious tasks automated, database
administrators are freed up to do more strategic work. The self-driving, self-securing, and
self-repairing capabilities of self-driving databases are poised to revolutionize how
companies manage and secure their data, enabling performance advantages, lower costs, and
improved security.
Some Tables in databases:-
1. All table in Database:-
 Admin Panel for Web and Application:-

What is an admin panel you may ask? It’s an admin-specific platform in an application that
allows for access and manipulation of data within the user interface of the site. The admin
panel can help user-related functions, such as providing insight into user behavior, dealing
with profiles that violate the site’s terms and conditions, and tracking transactions. But you
should know that adminsites are not just limited to user-related tasks.
A well-built admin panel can be turned into a dashboard to either display business metrics
and analytics without the viewer writing a single bit of code, or to export weekly data which
can be used to create reports. Add to the list that anyQA member of the team will love an
admin panel for the ease it gives them in verifying data, quickly entering or deleting data,
and determining if an issue is inthe frontend or the backend. Functioning without an admin
panel can lead to a lack of insight into your data, and add greater difficulty for the testing
team.
  Codes of our Project:-
 Attendance-Status
@extends('layouts.master')

@section('css')
<!-- page specific plugin styles -->
@endsection

@section('content')

<div class="main-content">
<div class="main-content-inner">
<div class="page-content">
@include('layouts.includes.template_setting')

<div class="page-header">
<h1>
@include($view_path.'.includes.breadcrumb-primary')
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Detail
</small>
</h1>
</div><!-- /.page-header -->

<div class="row">
@include('includes.flash_messages')
@include('includes.validation_error_messages')
@if (isset($data['row']) && $data['row']->count() > 0)
@include($view_path.'.edit')
@else
@include($view_path.'.add')
@endif

<div class="col-md-8 col-xs-12">

@include($view_path.'.includes.table')
 </div>
</div><!-- /.row -->

</div><!-- /.page-content -->

</div>
</div><!-- /.main-content -->

@endsection

@section('js')
<!-- page specific plugin scripts -->
@include('includes.scripts.delete_confirm')
@include('includes.scripts.bulkaction_confirm')
@include('includes.scripts.dataTable_scripts')
<script>
$(document).ready(function () {
/*Change Field Value on Capital Letter When Keyup*/
/*$(function() {
$('.upper').keyup(function() {
this.value = this.value.toUpperCase();
});
});*/
/*end capital function*/

});
</script>
@endsection

 Faculty

@extends('layouts.master')

@section('css')
<!-- page specific plugin styles -->

@endsection

@section('content')

<div class="main-content">
<div class="main-content-inner">
 <div class="page-content">
@include('layouts.includes.template_setting')

<div class="page-header">
<h1>
@include($view_path.'.includes.breadcrumb-primary')
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Detail
</small>
</h1>
</div><!-- /.page-header -->

<div class="row">
@include('includes.flash_messages')
@include('includes.validation_error_messages')
@if (isset($data['row']) && $data['row']->count() > 0)
@include($view_path.'.edit')
@else
@include($view_path.'.add')
@endif

<div class="col-md-8 col-xs-12">

@include($view_path.'.includes.table')
</div>
</div>
</div><!-- /.row -->

</div><!-- /.page-content -->

</div><!-- /.main-content -->

@endsection

@section('js')
<!-- page specific plugin scripts -->
@include('includes.scripts.delete_confirm')
@include('includes.scripts.bulkaction_confirm')
@include('includes.scripts.dataTable_scripts')
<script>
$(document).ready(function () {
/*Change Field Value on Capital Letter When Keyup*/
$(function() {
$('.upper').keyup(function() {
this.value = this.value.toUpperCase();
});
});
/*end capital function*/
 });
</script>
@endsection

 Grading

@extends('layouts.master')

@section('css')

@endsection

@section('content')

<div class="main-content">
<div class="main-content-inner">
<div class="page-content">
@include('layouts.includes.template_setting')

<div class="page-header">
<h1>
@include($view_path.'.includes.breadcrumb-primary')
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Detail
</small>
</h1>
</div><!-- /.page-header -->

<div class="row">
@include('includes.flash_messages')
@include('includes.validation_error_messages')

@if (isset($data['row']) && $data['row']->count() > 0)

@include($view_path.'.edit')
@else
@include($view_path.'.add')
@endif

<div class="col-md-7 col-xs-12">

@include($view_path.'.includes.table')
</div>
</div><!-- /.row -->

</div><!-- /.page-content -->

 </div><!-- /.main-content -->

@endsection

@section('js')
<!-- page specific plugin scripts -->
<script>
$(document).ready(function () {
/*Change Field Value on Capital Letter When Keyup*/
$(function() {
$('.upper').keyup(function() {
this.value = this.value.toUpperCase();
});
});
/*end capital function*/

$('#load-grade-html').click(function () {
$.ajax({
type: 'POST',
url: '{{ route('grading.grade-html') }}',
data: {
_token: '{{ csrf_token() }}',
},
error:function (xhr, status, error) {
toastr.warning(error, "warning");
},
success: function (response) {
var data = $.parseJSON(response);
if (data.error) {
toastr.warning(error, "warning");
} else {
$('#grade_wrapper').append(data.html);
}
}
});

});
});
</script>

@include('includes.scripts.delete_confirm')
@include('includes.scripts.bulkaction_confirm')
@include('includes.scripts.dataTable_scripts')
@include('includes.scripts.table_tr_sort')
@endsection
 Technology Used

For developing such system, we are thinking to use have the following conceptsand
technologies with the latest trend.

A web Site or Web Application is consisting of the following:

 Front-end: It is a part of software which communicate with the user.
Basically, we can say that is the face of the software. Frontend and
Backend are the two most popular terms used in web development. These
terms are very crucial for web development but are quite different from
each other. Each side needs to communicate and operate effectively with
the other as a single unit to improve the website’s functionality.
 Front end Development:
The part of a website that the user interacts with directly is termed the frontend. It is
also referred to as the ‘client side’ of the application. It includes everything that users
experience directly: text colors and styles, images, graphs and tables, buttons, colors,
and navigation menu. HTML, CSS, and JavaScript are the languages used for Front
End development. The structure, design, behavior, and content of everything seen on
browser screens when websites, web applications, or mobile apps are opened up, is
implemented by front End developers. Responsiveness and performance aretwo main
objectives of the Front End. The developer must ensure that the site is responsive i.e.
it appears correctly on devices of all sizes no part of the website should behave
abnormally irrespective of the size of the
screen.

 Back-end: It is that part of the software which has record of the data and
functionality used in the application. It is that area which has all the data
regarding the action, functionality and the users. Backend is the server-side
of the website. It stores and arranges data, and also makes sure everything
on the client-side of the website works fine. It is the part of the website
that you cannot see and interact with. It is the portion of software that
 does not come in direct contact with the users. The parts and characteristics
developed by backend designers are indirectly accessed byusers through a front-end
application. Activities, like writing APIs, creatinglibraries, and working with system
components without user interfaces oreven systems of scientific programming, are
also included in the backend.
 Back end Languages: The back end portion is built by using some
languages which are discussed below:

 PHP: PHP is a server-side scripting language designed specifically for web

development. Since PHP code executed on the server-side, so it is called a
server-side scripting language.
 C++: It is a general-purpose programming language and widely used
nowadays for competitive programming. It is also used as a backend
language.
 Java: Java is one of the most popular and widely used programming
languages and platforms. It is highly scalable. Java components are easily
available.
 Python: Python is a programming language that lets you work quickly and
integrate systems more efficiently.
 JavaScript: JavaScript can be used as both (front end and back end)
programming languages.
 Node.js: Node.js is an open-source and cross-platform runtime
environment for executing JavaScript code outside a browser. You need to
remember that NodeJS is not a framework, and it’s not a programming
language. Most people are confused and understand it’s a framework or a
programming language. We often use Node.js for building back-end
services like APIs like Web App or Mobile App. It’s used in production by
large companies such as Paypal, Uber, Netflix, Wallmart, and so on.
 Back End Frameworks:
 The list of back-end frameworks are: Express, Django, Rails, Laravel,
Spring, etc.
 The other back-end program/scripting languages are C#, Ruby, REST, GO,
etc.
 Difference between Frontend and Backend: Frontend and backend
development are quite different from each other, but still, they are two
 aspects of the same situation. The frontend is what users see and interactwith and the
backend is how everything works.

 The frontend is the part of the website users can see and interact with such
as the graphical user interface (GUI) and the command line including the
design, navigating menus, texts, images, videos, etc. Backend, on the
contrary, is the part of the website users cannot see and interact with.
 The visual aspects of the website that can be seen and experienced by users
are frontend. On the other hand, everything that happens in the background
can be attributed to the backend.
 Languages used for the front end are HTML, CSS, JavaScript while those
used for the backend include Java, Ruby, Python, .Net.

For developing the Front-end we have used the Following Technologies andconcepts:
 Webpage and app-page designing: It is the branch of web development in
which the developer develops a responsive web page to interact with the
user. Web and design is mainly consisting of Html and XML. So, in this
project I have used:

1. HTML and HTML-5: HTML stands for Hypertext Markup

Language. It is used to design the front-end portion of web pages
using a markup language. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between the web pages.
The markup language is used to define the text documentation within
the tag which defines the structure of web pages.
2. CSS and CSS-3: Cascading Style Sheets fondly referred to as CSS is
a simply designed language intended to simplify the process of
making web pages presentable. CSS allows you to apply styles to web
pages. More importantly, CSS enables you to do this independent of
the HTML that makes up each web page.
3. Bootstrap: It is an advance form of designing in which we can make
our website responsive to all available platforms either it is phone,
Tablet or PC(Desktop).
 4. Java Script: JavaScript is a famous scripting language used to create
magic on the sites to make the site interactive for the user. It is used to
enhancing the functionality of a website to running cool games and
web-based software.
5. jQuery: It is a form of java script which is used to create multiple
transition and the effects in the webpage. It is also used to show or
create the animation.
6. XML: It stands for Extensible-Markup Language. Through this we
design the layout of the application eighter for android or macintose.
7. JSON: It stands for Java script object notation. It is often used to pass
the value from front end to the server.
Front End Frameworks and Libraries:

 AngularJS: AngularJs is a JavaScript open-source front-end framework

that is mainly used to develop single-page web applications(SPAs). It is a
continuously growing and expanding framework which provides better
ways for developing web applications. It changes the static HTML to
dynamic HTML. It is an open-source project which can be free. It extends
HTML attributes with Directives, and data is bound with HTML. 

 React.js: React is a declarative, efficient, and flexible JavaScript library for

building user interfaces. ReactJS is an open-source, component-based front-
end library responsible only for the view layer of the application. It is
maintained by Facebook.
Bootstrap: Bootstrap is a free and open-source tool collection for creatingresponsive
websites and web applications. It is the most popular HTML, CSS, and JavaScript
framework for developing responsive, mobile-first websites.

 jQuery: jQuery is an open-source JavaScript library that simplifies the

interactions between an HTML/CSS document, or more precisely the
Document Object Model (DOM), and JavaScript. Elaborating the terms,
jQuery simplifies HTML document traversing and manipulation, browser
event handling, DOM animations, Ajax interactions, and cross-browser
JavaScript development.
 SASS: It is the most reliable, mature, and robust CSS extension language.
It is used to extend the functionality of an existing CSS of a site including
everything from variables, inheritance, and nesting with ease.

 Flutter: Flutter is an open-source UI development SDK managed by

google. It is powered by Dart programming language. It builds performant
and good-looking natively compiled applications for mobile (Ios, Android),
web, and desktop from a single code base. The key selling point of flutter is
flat development is made easier, expressive, and flexible UI and native
performance. In march 2021 flutter announce Flutter 2 which upgrades
flutter to build release applications for the web, and the desktop is in beta
state.
 Some other libraries and frameworks are Semantic-UI, Foundation,
Materialize, Backbone.js, Ember.js, etc.

 Graphics Designing: It is a process of the designing the suitable images

for the website and applications. It is a process in which the designer create
image according to the website need which looks attractive to the user.
Through this we resize our image so that its feet perfectively in its division
or we can say its container in case of application. Graphic Design (the term
being first coined as such by William Addison Dwiggins in 22) is defined as
the visual design of content. The design style is characterized by
functionality and low-key/elementary symbolism. Graphic design is
applied in several forms of media. Alongside traditional print media such
as magazines, books and posters, graphic design is also used in electronic
and interactive media. Word combinations, symbols and images are
created through use of various artistic and technical means to convey
information for viewers. Therefore it is also referred to as visual
communication or communication design. Graphic design is often closely
linked to current events and different cultural influences in society. The
range of application covers advertisement, branding/identity, public
relations and communication for science and culture. Due to the wide
 range of possible applications it is essential for any graphic designer tohave
comprehensive knowledge in typography, visual arts and layout.
 In many places throughout the world, the Industrial Revolution has had a
significant influence on the development of graphic design, but so did art
and different social and political backgrounds; all of them continuing to
shape further evolution in graphic design to come.

The thing we get from graphic designing are:

1. LOGO: Basically, it is considered to be identity of any website. A
logo is a symbol made up of text and images that identifies a
business. A good logo shows what a company does and what the
brand values. Logo design is all about creating the perfect visual
brand mark for a company. Depending on the type, a logo usually
consists of a symbol or brandmark and a logotype, along with a
tagline.

2. Fav-icon: A favicon is a small 16×16 pixel icon that serves as

branding for your website. Its main purpose is to help visitors locate
your page easier when they have multiple tabs open. Due to their
tiny size, favicons work best as simple images or one-to-three
characters of text. Favicons are not to be confused with logos but
are sometimes the same. Due to its small size and resolution, the
favicon may need to be an even smaller sizer or part of a company’s
original logo.
 3. Images: An image is used to make our site appealing and attractive so
that the users will to our site on regular basis. An image is a picture
that has been created or copied and stored in electronic form. An
image can be described in terms of vector graphics or raster graphics.
An image stored in raster form is sometimes called a bitmap.
An image map is a file containing information that associatesdifferent locations on a
specified image with hypertext links.

Common image file formats online include:

 from the Joint Photographic Experts Group, an ISO/IEC group of experts
that develops and maintains standards for a suiteof compression algorithms
for computer image files. JPEGs usually have a.jpg file extension.

 GIF (pronounced JIF by many, including its designer; pronounced GIF with
a hard G by many others) stands for Graphics Interchange Format. The GIF
uses the 2D raster data type and is encoded in binary. GIF files ordinarily
have the .gif extension.
 GIF89a is an animated GIF image, formatted according to GIF Version
89a. One of the chief advantage format is the ability to create an animated
image that can be played after transmitting to a viewer page that moves -
for example, a twirling icon or a banner with a hand that waves or letters
that magically get larger. A GIF89a can also be specified for interlaced
GIF presentation.
 PNG (pronounced ping ) is a Portable Network Graphics) is a file format
for image compression that was designed to provide a number of
improvements over the GIF format. Like a GIF, a PNG file is compressed
in lossless fashion (meaning all image information is restored when the file
is decompressed during viewing). Files typically have a .png extension. 
 SVG is Scalable Vector Graphics, the description of an image as an
application of XML. Any program such as a browser that recognizes XML
can display the image using the information provided in the SVG format.
Scalability means that the file can be viewed on a computer display of any
size and resolution, whether the small screen of a smartphone or a large
widescreen display in a PC. Files usually have .svg extension.
 TIFF (Tag Image File Format) is a common format for exchanging raster
graphics (bitmap) images between application programs, including those 
 used for scanner images. A TIFF file can be identified as a file witha .tiff or
".tif" file name suffix.

 Software Optimization: It is a process through which we optimize our

web and application pages through various method so that it doesn’t take
more space in the memory and load faster. It is a process in which we
compress the things in a way that doesn’t affect the quality but helps us to
reduce the loading time so that it won’t lag even if the network connectivity
is dull. Through this process we increase our software loading speed.
The methodology incorporates the usage of analysis tools for developing and
analysing application software for embedded ones. Device software optimization
focuses on the goal of reducing the cost of investment, powerconsumption,
development time for embedded applications while leveraging hardware resources.
The method of Software optimisation which we will use are:
1. Image compression: Image compression is the process of encoding
or converting an image file in such a way that it consumes less space
than the original file. It is a type of compression technique that
reduces the size of an image file without affecting or degrading its
quality to a greater extent.
2. Code optimisation: It is a process of reviewing and removing
unnecessary piece of code (classes, containers, division etc) to reduce
the loading time.
3. Responsive layout: Through this process we can even out the layout
of the design in all the platform. Responsive web design (RWD) is a
web development approach that creates dynamic changes to the
appearance of a website, depending on the screen size and
orientation of the device being used to view it. RWD is one approach
to the problem of designing for the multitude of devices available to
customers, ranging from tiny phones to huge desktop monitors.
RWD uses so-called breakpoints to determine how the layout of a site
will appear: one design is used above a breakpoint and another design
is applied below that breakpoint. The breakpoints are commonly
based on the width of the browser. he same HTML is served to all
devices, using CSS (which determines the layout of webpage) to
change the appearance of the page. Rather than creating a separate
 site and corresponding codebase for wide-screen monitors, desktops,
laptops, tablets and phones of all sizes, a single codebasecan support users
with differently sized viewports.
In responsive design, page elements reshuffle as the viewport growsor
shrinks. A three-column desktop design may reshuffle to two columns for a
tablet and a single column for a smartphone.
Responsive design relies on proportion-based grids to rearrangecontent
and design elements.
While responsive design emerged as a way to provide equal access to
information regardless of device, it is also possible to hide certain items —
such as background images, as in the Transport for London example above,
secondary content or supplementary navigation — onsmaller screens. Decisions
about hiding content and functionality or altering appearance for different
device types should be based on knowledge about your users and their needs.
RWD has potential advantages over developing separate sites for different
device types. The use of a single codebase can make development faster,
compared to developing 3 or 4 distinct sites, and makes maintenance easier
over time, as one set of code and content needs to be updated rather than 3 or 4.
RWD is also relatively “future-proof” in that it can support new breakpoints
needed at any time. If a 5-inch device or 15-inch device takes off in the market,
the code can support the new devices. RWD doesn’t tie design to a particular
device.

For developing the Back-end we will use the Following concepts:

 Database management: It is a method in which we systemically design

and manage our database in the system. This process includes concepts of
database creation auto-table entry, data-sorting and compression, fetching
respective table entries. This method also helps us in resolving loading
speed.

 Server management: It is a method in which we manage our server for

faster connection. A DNS provide us hosting and c-panel through which we
manage of file system and database for the software. This method includes
domain point, file-management, server log sorting etc. Server management
 is the process of monitoring and maintaining servers to operate at peak
performance. Server management also encompasses the management ofhardware,
software, security, and backups. The primary goals of an effective server
management strategy are to:
o Minimize—and hopefully eliminate—server slowdowns and downtime
o Build secure server environments
o Ensure servers continue to meet the needs of an organization as it evolves

 Functionality creations: It is a process in which we create certain events

like auto mailing, auto reply etc. For web we often use PHP and for apps
we use Java. Website functionality is essentially what your website can do
and how it works. It encompasses everything from the actions a user can
perform to dynamic content and interactivity.

Providing the right functionality is crucial to the success of a website, and itshould be
an essential part of the planning phase. Before your website is ever written, designed,
or coded, you should have a clear scope of the features it will offer. Getting halfway
through a website build just to realizethat you are missing some essential functionality
can quickly derail a project!

So where do you begin narrowing down the requirements for your website? Use this
article to guide you through the process of defining your website’sfunctionality needs
 User-management: It is a process of managing the data of the user and
dividing the roles among them so that it doesn’t create any ambiguity and
remove unnecessary privilege access to unauthorize user. User
management describes the ability for administrators to manage user
access to various IT resources like systems, devices, applications, storage
systems, networks, SaaS services, and more. User management is a core
part to any identity and access management (IAM) solution, in particular
directory services tools. Controlling and managing user access to IT
resources is a fundamental security essential for any organization. User
management enables admins to control user access and on-board and off-
board users to and from IT resources. Subsequently a directory service will
then authenticate, authorize, and audit user access to IT resources based
 on what the IT admin had dictated.Traditionally, user management and
authentication services have been grounded with Windows-based on-premservers,
databases, and closed virtual private networks (VPN) through an on-prem identity
provider (IdP) such as Microsoft Active Directory.
However, recent trends are seeing a shift towards cloud-based identity and access
management (IAM), granting administrators even greater control over digital assets.
These solutions enable user management over web applications, cloud infrastructure,
non-Windows devices, and more leveraging modern protocols such as SAML JIT and
SCIM (among others).

 Admin panel: It is Ui which work between the front-end and back-end.

The main role of this panel is to operate the things happens in the front-end
without tempering or re-entering with the database. This panel gives us the
ease in doing and maintaining all types of operations related to the user
management and the front-end UI. What is an admin panel you may ask?
It’s an admin-specific platform in an application that allows for access and
manipulation of data within the user interface of the site. The admin panel
can help user-related functions, such as providing insight into user
behavior, dealing with profiles that violate the site’s terms and conditions,
and tracking transactions. But you should know that admin sites are not just
limited to user-related tasks.

Tools Used to Build the Contents are: -

 Sublime Code Editor: Sublime Text is a commercial source code editor. It
natively supports many programming languages and markup languages. Users
can expand its functionality with plugins, typically community-built and
maintained under free-software licenses. To facilitate plugins, Sublime Text
features a Python API.
The following is a list of features of Sublime Text:
o "Goto Anything," quick navigation to files, symbols, or lines
o "Command palette" uses adaptive matching for quick keyboard invocation
of arbitrary commands
o Simultaneous editing: simultaneously make the same interactive changes to
multiple selected areas
o Python-based plugin API
o Project-specific preferences
o Extensive customizability via JSON settings files, including project-
specific and platform-specific settings
o Cross-platform (Windows, macOS, and Linux) and Supportive Plugins for
cross-platform
o Compatible with many language grammars from TextMate

 Wp-engine as a CMS: It is content management system through which we

manage the data and the operations of our website. WP Engine is a
WordPress-specific web host, offering managed plans that are fully
optimized for the platform. Of course, when compared to many other
WordPress hosts, WP Engine’s plans aren’t exactly cheap. Therefore, you’ll
want to know whether this hosting service is worth the cost before making
a purchase.To help you out, we’re going to conduct a thorough WP Engine
review for WordPress. We’ll discuss its key features, support options,
performance capabilities, and everything else you’ll need to know. Let’s get
started!
 Android Studio For android: It is the ide developed by IntelliJ for
developing android application. Android Studio is the official integrated
development environment (IDE) for Google's Android operating system,
built on JetBrains' IntelliJ IDEA software and designed specifically
for Android development. It is available for download
on Windows, macOS and Linux based operating systems or as a subscription-based
service in 2020. It is a replacement for the Eclipse Android Development Tools (E-
ADT) as the primary IDE for native Android application development.Android Studio
was announced on May 16, 2013at the Google I/O conference. It was in early access
preview stage starting from version 0.1 in May 2013, then entered beta stage starting
from version
0.8 which was released in June 2014. The first stable build was released in December
2014, starting from version 1.0. A specific feature of the AndroidStudio is an absence of
the possibility to switch autosave feature off.
 The following features are provided in the current stable version:
o Gradle-based build support
o Android-specific refactoring and quick fixes
o Lint tools to catch performance, usability, version compatibility and other
problems
o ProGuard integration and app-signing capabilities
o Template-based wizards to create common Android designs and
components
o A rich layout editor that allows users to drag-and-drop UI components,
option to preview layouts on multiple screen configurations[18]
o Support for building Android Wear apps
o Built-in support for Google Cloud Platform, enabling integration with
Firebase Cloud Messaging (Earlier 'Google Cloud Messaging') and Google
App Engine[]
o Android Virtual Device (Emulator) to run and debug apps in the Android
studio.
o Android Studio supports all the same programming languages
of IntelliJ (and CLion) e.g. Java, C++, and more with extensions, such
as Go;[20] and Android Studio 3.0 or later supports Kotlin and "all Java 7 language
features and a subset of Java 8 language features that vary by platform
version."[22] External projects backport some Java 9
features.[23] While IntelliJ states that Android Studio supports all released Java versions,
and Java 12, it's not clear to what level Android Studio supports Java versions up to
Java 12 (the documentation mentions partialJava 8 support). At least some new
language features up to Java 12 are usable in Android.[24]
o Once an app has been compiled with Android Studio, it can be published
on the Google Play Store. The application has to be in line with the Google
Play Store developer content policy.

 Adobe Photoshop cc 2020: Adobe Photoshop is a raster graphics

editor developed and published by Adobe Inc. for Windows and macOS. Itwas
originally created in 88 by Thomas and John Knoll. Since then, the
software has become the industry standard not only in raster graphics editing,
but in digital art as a whole. The software's name has
thus become a generic trademark, leading to its usage as a verb (e.g. "to photoshop
an image", "photoshopping", and "photoshop contest") although Adobe discourages
such use.[5] Photoshop can edit and composeraster images in multiple layers and
supports masks, alpha
compositing and several color models including RGB, CMYK, CIELAB, spot color, and
duotone. Photoshop uses its own PSD and PSB file formats to support these features.
In addition to raster graphics, Photoshop has limited abilities to edit or render text
and vector graphics (especially through clipping path for the latter), as well as 3D
graphics and video. Its feature set can be expanded by plug-ins; programs developed
and distributed independently of Photoshop that run inside it and offer new or
enhanced features.Photoshop's naming scheme was initially based
on version numbers. However, in October 2002 (following the introduction of
Creative Suite branding), each new version of Photoshop was designated with "CS"
plus a number; e.g., the eighth major version of Photoshop
was Photoshop CS and the ninth was Photoshop CS2. Photoshop CS3 through CS6
were also distributed in two different editions: Standard and Extended. With the
introduction of the Creative Cloud branding in June 2013 (and in turn, the change of
the "CS" suffix to "CC"), Photoshop's licensing scheme was changed to that of
software as a service subscriptionmodel. Historically, Photoshop was bundled with
additional software suchas Adobe ImageReady, Adobe Fireworks, Adobe Bridge,
Adobe Device Central and Adobe Camera RAW.Alongside Photoshop, Adobe also
develops and publishes Photoshop Elements, Photoshop
Lightroom, Photoshop Express, Photoshop Fix, Photoshop
Sketch and Photoshop Mix. As of November 20, Adobe has also releaseda full version
of Photoshop for the iPad, and while initially limited, Adobe plans to bring more
features to Photoshop for iPad.[6] Collectively, they are branded as "The Adobe
Photoshop Family".
 Project Development Requirements
For developing any project, the first thing we should have to develop a model or structure or

a map so that you stick to your plane and follow the correct method and I have followed all

the methods while creating this project. It is a process in which we discuss the methods of

creation, failure measure, risk assessment and the life cycle of the project. A life cycle is

very important because it decides the future scope of the project.

What is the software development life cycle?

SDLC or the Software Development Life Cycle is a process that produces software with the
highest quality and lowest cost in the shortest time possible.SDLC provides a well-structured
flow of phases that help an organization to quickly produce high-quality software which is
well-tested and ready for production use.
The SDLC involves six phases as explained in the introduction. Popular SDLCmodels
include the waterfall model, spiral model, and Agile model.
So, how does the Software Development Life Cycle work?

How the SDLC Works

SDLC works by lowering the cost of software development while simultaneouslyimproving
quality and shortening production time. SDLC achieves these apparently divergent goals by
following a plan that removes the typical pitfalls of
software development projects. That plan starts by evaluating existing systemsfor
deficiencies.
Next, it defines the requirements of the new system. It then creates the softwarethrough the
stages of analysis, planning, design, development, testing, and deployment. By anticipating
costly mistakes like failing to ask the end-user or client for feedback, SLDC can eliminate
redundant rework and after-the-fact fixes.
It’s also important to know that there is a strong focus on the testing phase. As the SDLC is
a repetitive methodology, you have to ensure code quality at everycycle. Many
organizations tend to spend few efforts on testing while a strongerfocus on testing can save
them a lot of rework, time, and money. Be smart and write the right types of tests.
Next, let’s explore the different stages of the Software Development Life Cycle.
Stages and Best Practices
Following the best practices and/or stages of SDLC ensures the process works ina smooth,
efficient, and productive way.

1. Identify the Current Problems

“What are the current problems?” This stage of the SDLC means getting inputfrom all
stakeholders, including customers, salespeople, industry experts, and programmers.
Learn the strengths and weaknesses of the current system with improvement as the goal.

2. Plan
“What do we want?” In this stage of the SDLC, the team determines the cost and resources
required for implementing the analyzed requirements. It also details the risks involved and
provides sub-plans for softening those risks.
In other words, the team should determine the feasibility of the project and how they can
implement the project successfully with the lowest risk in mind.

3. Design
“How will we get what we want?” This phase of the SDLC starts by turning the software
specifications into a design plan called the Design Specification. All stakeholders then
review this plan and offer feedback and suggestions. It’s crucial to have a plan for collecting
and incorporating stakeholder input into this document. Failure at this stage will almost
certainly result in cost overruns at bestand the total collapse of the project at worst.

4. Build
“Let’s create what we want.”
At this stage, the actual development starts. It’s important that every developersticks to
the agreed blueprint. Also, make sure you have proper guidelines in place about the code
style and practices.
For example, define a nomenclature for files or define a variable naming style such as
camelCase. This will help your team to produce organized and consistentcode that is easier
to understand but also to test during the next phase.
5. Code Test
“Did we get what we want?” In this stage, we test for defects and deficiencies.We fix those
issues until the product meets the original specifications.
In short, we want to verify if the code meets the defined requirements.

6. Software Deployment
“Let’s start using what we got.”
At this stage, the goal is to deploy the software to the production environment so users can
start using the product. However, many organizations choose to move the product through
different deployment environments such as a testing or staging environment.
This allows any stakeholders to safely play with the product before releasing it tothe market.
Besides, this allows any final mistakes to be caught before releasing the product.
Extra: Software Maintenance
“Let’s get this closer to what we want.” The plan almost never turns out perfect when it meets
reality. Further, as conditions in the real world change, we need toupdate and advance the
software to match.
The DevOps movement has changed the SDLC in some ways. Developers are now
responsible for more and more steps of the entire development process. Wealso see the
value of shifting left. When development and Ops teams use the same toolset to track
performance and pin down defects from inception to the retirement of an application, this
provides a common language and faster handoffs between teams.
Application performance monitoring (APM) tools can be used in a development,QA, and
production environment. This keeps everyone using the same toolset across the entire
development lifecycle.

Examples:
The most common SDLC examples or SDLC models are listed below.

Waterfall Model
This SDLC model is the oldest and most straightforward. With this methodology,we finish
one phase and then start the next. Each phase has its own mini-plan and
each phase “waterfalls” into the next. The biggest drawback of this model is thatsmall details
left incomplete can hold up the entire process.

Agile Model
The Agile SDLC model separates the product into cycles and delivers a workingproduct
very quickly. This methodology produces a succession of releases.
Testing of each release feeds back info that’s incorporated into the next version.
According to Robert Half, the drawback of this model is that the heavyemphasis on
customer interaction can lead the project in the wrong direction in some cases.

Iterative Model
This SDLC model emphasizes repetition. Developers create a version very quickly and for
relatively little cost, then test and improve it through rapid and successive versions. One big
disadvantage here is that it can eat up resources fastif left unchecked.

V- Shaped Model
An extension of the waterfall model, this SDLC methodology tests at each stageof
development. As with waterfall, this process can run into roadblocks.

Big Bang Model

This high-risk SDLC model throws most of its resources at development and works best for
small projects. It lacks the thorough requirements definition stageof the other methods.

Spiral Model
The most flexible of the SDLC models, the spiral model is similar to the iterativemodel in its
emphasis on repetition. The spiral model goes through the planning,design, build and test
phases over and over, with gradual improvements at each pass.

Benefits of the SDLC

SDLC done right can allow the highest level of management control and documentation.
Developers understand what they should build and why. All parties agree on the goal upfront
and see a clear plan for arriving at that goal.Everyone understands the costs and resources
required.
Several pitfalls can turn an SDLC implementation into more of a roadblock to development
than a tool that helps us. Failure to take into account the needs of customers and all users and
stakeholders can result in a poor understanding of thesystem requirements at the outset. The
benefits of SDLC only exist if the plan is followed faithfully.

Software Requirements
1. Code Editor: A text editor that is specialized for writing software. A

source code editor may be a stand-alone program or part of an integrated

development environment (IDE). They make writing and reading the source

code easier by differentiating the elements and routines so programmers

can more easily look at their code. Using a regular text editor, large

programs would be more cumbersome to review at a later date.

See IDE, hex editor, Notepad++ and text editor..

2. Adobe photoshop CC: Adobe Photoshop is a raster graphics editor developed

and published by Adobe Inc. for Windows and macOS. It was originally created in 88
by Thomas and John Knoll. Since then, the software has become the industry standard
not only in raster graphics editing, but in digital art as a whole. The software's name has
thus become a generic trademark, leading to its usage as a verb (e.g. " to
photoshop an image", "photoshopping", and "photoshop contest") although Adobe discourages such
use.[5] Photoshop can edit and compose raster images in multiple layers and supports masks, alpha
compositing and several color models including RGB, CMYK, CIELAB, spot color, and duotone.

3. CMS: A content management system is for creating, managing, and

optimizing your customers’ digital experience.More specifically, a CMS is

a software application that allows users to collaborate in the creation,

editing, and production of digital content: web pages, blog posts, etc. The

CMS (or WCM—web content management system) is evolving from just

helping you launch digital content to a more robust system that is core to

managing an overall digital experience across many different channels,

such as email, mobile apps, social media, web sites, and more.Any basic

solution for web content management helps you upload or write content,

format it, add headlines and images, and do a number of backstage things

like SEO. But in a multi-device, user-centric world, that’s not enough.

Digital marketing has evolved, focusing more deeply on customer

experience while incorporating mobile apps, the Internet of Things, and

more. All that depends on a web content management system that

separates content management from content presentation.

4. Android Studio: Android Studio is the official integrated development

environment for Google's Android operating system, built on JetBrains'

IntelliJ IDEA software and designed specifically for Android development.

5. Xampp or any other Local Server (For Testing): It is a software which

we use for testing purposes, basically it gives us a server environment on

our local systems. XAMPP (/ˈzæmp/ or /ˈɛks.æmp/)[2] is a free and open-

source cross-platform web server solution stack package developed byApache

Friends,[2] consisting mainly of the Apache HTTP

Server, MariaDB database, and interpreters for scripts written in

the PHP and Perl programming languages.[3][4] Since most actual web

server deployments use the same components as XAMPP, it makes transitioning

from a local test server to a live server possible. XAMPP'sease of deployment means

a WAMP or LAMP stack can be installed

quickly and simply on an operating system by a developer, with theadvantage that

common add-in applications such

as WordPress and Joomla! can also be installed with similar ease

using Bitnami.
 Hardware Requirements
o 2 GB RAM minimum, 8 GB RAM recommended
o 20GB of available disk space minimum, 40 GB recommended

Future Development Plan:

After debugging all the current issue and loopholes, we will transfer it on a cloud system.
Because there is always a room for improvement. So, by using cloud system I resolve or
obtain the following outcomes:
 Universal accessibility
 Security Enhancement
 Better storage
 High processing Speed
 Cloud Support
 ERP-Module integration

Future Scope
In the near future if the work is helpful to everyone, I will convert this project into an ERP
system over a cloud. Through this development it will become more scalable and faster.
With the involvement of an ERP- modules it will be more helpful with all those new
features which will be beneficial for both the colleges and the students

CONCLUSION
After creating this project, we hope to learn many things in the world of web and application
development. we also want to learn the basic components which are present in a website or
application. What are the things we need and what are thesteps we need to think before
creation of any project?
By doing this project I hope to learn the importance of teamwork, how to overcome crisis and
help others.
After completing this project, we hope that we can learn all the above mention.
References
 https://www.javatpoint.com
 https://stackoverflow.com
 https://www.W3school.com
 https://www.freepick.com