1.

INTRODUCTION

A cryptocurrency is a digital currency, which is an alternative form of

payment created using encryption algorithms. The use of encryption
technologies means that cryptocurrencies function both as a currency and as
a virtual accounting system. To use cryptocurrencies, you need a
cryptocurrency wallet.

Cryptocurrency designed to work as a medium of exchange through a

computer network that is not reliant on any central authority, such as a
government or bank, to uphold or maintain it.

Crypto transaction monitoring involves the collection and analysis of

large amounts of data that would be impossible to process manually. In order
to manage this, companies should implement a range of automated AML
tools to ensure that suspicious activity is detected and reported to the
authorities in a timely manner.

The Coin Gecko API allows us to retrieve cryptocurrency data such as

price, volume, market cap, and exchange data from Coin Gecko using code.

Coin Gecko is a data provider and crypto tracking website for live
pricings, tickers, historical data, exchanges, events, trading volumes, global
markets, coin info, and more.

In this project, coin gecko api is used to monitor the current value of
crypto currency precisely.

Page 1
 1.1 PROJECT OVERVIEW
In this project crypto currency value monitoring, initially home page is
created using HTML (Hyper Text Markup Language), CSS (Cascading Style
Sheets) and PHP, then the home page is connected to the back-end database
using MYSQL and to execute this project NODEJS and REACTJS frame
work is required.

This project aims to monitor the current value of the crypto currency.
There are many types of crypto currency, For example Bitcoin, Ethereum,
Solana, Tether etc. It updates the crypto currency value frequently and
accurately, in Indian rupees and dollars.

The modules in the project are:

 Home page

 Contact page

 Price fetching

Page 2
1.2 MODULE DESCRIPTION

HOME PAGE

In this module, a website is created using HTML, CSS, JS, PHP. HTML
is used for create basic webpage(content) of the crypto currency value
monitoring, CSS is used in styling the content of the HTML page, then
JavaScript for animation and effects in the website, PHP is used to collect
the response provided by the user and store it in the database.
CONTACT PAGE

In this module, HTML and CSS were used to create a contact page. In
this project the contact page helps the user to reach to solve a problem in this
website.
PRICE FETCHING

In this module is used to fetch the accurate prices through coin gecko
api and display back in the website. The user must refresh to extract the
current value.

Page 3
 2.SYSTEM SPECIFICATION

2.1 HARDWARE SPECIFICATIONS

COMPONENTS REQUIREMENTS

PROCESSOR Intel® core dual core

RAM 4 GB

HARD DISK DRIVE 250 GB

INTERNET / ETHERNET Required

2.2 SOFTWARE SPECIFICATIONS

COMPONENTS REQUIREMENTS
OPERATING SYSTEM Windows 10

FRONT-END HTML, CSS, JS, PHP

BACK-END MySQL

FRAMEWORK REACT JS, NODE JS

WEB BROWSER Google Chrome / Mozilla Firefox

Page 4
2.3 SOFTWARE DESCRIPTION
FRONT END TECHNOLOGIES
HTML (Hyper Text Markup Language)

HTML stands for Hyper Text Markup Language. Hypertext is ordinary

text that has been dressed up with extra features, such as formatting, images,
multimedia, and links to documents. Mark up is the process of taking
ordinary text and adding extra symbols. HTML is neither a page- layout
language nor a printing language. This allows documents to be displayed on
many different platforms. HTML is flexible to work on the website with their
variety of commands. As a formatting language, HTML utilizes SGML
(Standard General Markup Language) and Document Type Declarations
(DTD).
HTML is a mark-up language used by the browser to manipulate text, images,
and other content, in order to display it in the required format. HTML was
created by Tim Berners-Lee in 1991. The first-ever version of HTML was
HTML 1.0, but the first standard version was HTML 2.0, published in 1995.

HTML page structure: The basic structure of an HTML page contains the

essential building-block elements (i.e. doctype declaration, HTML, head, title,
and body elements) upon which all web pages are created.

Page 5
<html>: This is called the HTML root element. All other elements are
contained within it.

<head>: The head tag contains the “behind the scenes” elements for a
webpage. Elements within the head aren’t visible on the front-end of a
webpage. HTML elements used inside the <head> element include: 

 <style>-This html tag allows us to insert styling into our webpages and
make them appealing to look at with the help of CSS.
 <title>-The title is what is displayed on the top of your browser when you
visit a website and contains title of the webpage that you are viewing.
 <base>-It specifies the base URL for all relative URL’s in a document.
 <noscript>– Defines a section of HTML that is inserted when the scripting
has been turned off in the users browser.
 <script>-This tag is used to add functionality in the website with the help of
JavaScript.
 <meta>-This tag encloses the meta data of the website that must be loaded
every time the website is visited. For eg:-metadata charset allows you to
use the standard UTF-8 encoding in your website. This in turn allows the
users to view your webpage in the language of their choice. It is a self
closing tag.
 <link>– The ‘link’ tag is used to tie together HTML, CSS and JavaScript. It
is self-closing.
<body>: The body tag is used to enclose all the visible content of a webpage.
In other words, the body content is what the browser will show on the front-
end.

Page 6
 CSS (Cascading Style Sheets)

Cascading Style Sheets (CSS) is a stylesheet language used to

describe the presentation of a document written in HTML or XML (including
XML dialects such as SVG, MathML or XHTML). CSS describes how
elements should be rendered on screen, on paper, in speech, or on other media.
CSS is among the core languages of the open web and is standardized across
Web browsers according to W3C specifications. Previously, the development
of various parts of CSS specification was done synchronously, which allowed
the versioning of the latest recommendations. In this website CSS is mainly
used for styling.

 CSS saves time: You can write CSS once and reuse the same sheet in
multiple HTML pages.

 Easy Maintenance: To make a global change simply change the style,

and all elements in all the webpages will be updated automatically.

 Search Engines: CSS is considered a clean coding technique, which

means search engines won’t have to struggle to “read” its content.

 Superior styles to HTML: CSS has a much wider array of attributes

than HTML, so you can give a far better look to your HTML page in
comparison to HTML attributes.

Page 7
PHP (Hypertext Preprocessor)

PHP (acronym for: PHP Hypertext Pre-processor), is a server-side

embedded scripting language. This means that it works within an HTML
document to confer to it the capacity of generating content on demand. You
can convert your site into a web application, not just a collection of static
pages with information that may not get updated quite so often, which may
be all right for a "personal" web site. PHP is the widely used, free, and
perfectly suited for Web development and can be embedded directly into the
HTML code. The PHP syntax is like Perl and C. PHP is often used with
Apache (web server) on various operating systems. It also supports ISAPI
and can be used with Microsoft's IIS on Windows. A PHP file may contain
text, HTML tags and scripts. Scripts in a PHP file are executed on the server.
The general scripting or programming languages like Perl, Python, etc.
also have platform independence, and are open source. The PHP language
features the usual complement of control structures, operators, variable types,
function declarations and class/object declarations that we have been
accustomed to expect from any compiled or interpreted language, and yet it
has features 5 of its own. PHP comes with many options to build the
distribution and configure an installation. PHP supports several APIs and
interfaces to other programming tools. In this website PHP is used to get the
data provided by user in the HTML form and send it to the database. The
main use of PHP in this website is for database connectivity and data
transfer.

Page 8
 PHP code is executed in the server.

 It can be integrated with many databases such as Oracle, Microsoft SQL

Server, MySQL, PostgreSQL, Sybase, and Informix.

 It is powerful to hold a content management system like WordPress and

can be used to control user access.

 It supports main protocols like HTTP Basic, HTTP Digest, IMAP, FTP,
and others.

 Websites like www.facebook.com and www.yahoo.com are also built on

PHP.

 One of the main reasons behind this is that PHP can be easily embedded
in HTML files and HTML codes can also be written in a PHP file.

 The thing that differentiates PHP from the client-side language like
HTML is, that PHP codes are executed on the server whereas HTML
codes are directly rendered on the browser. PHP codes are first executed
on the server and then the result is returned to the browser.

 The only information that the client or browser knows is the result
returned after executing the PHP script on the server and not the actual
PHP codes present in the PHP file. Also, PHP files can support other
client-side scripting languages like CSS and JavaScript

Page 9
REACTJS

React (also known as React.js) is a free and open-source front-end

JavaScript library for building user interfaces based on UI components. It is
maintained by Meta (formerly Facebook) and a community of individual
developers and companies. React can be used as a base in the development
of single-page, mobile, or server-rendered applications with frameworks
like Next.js. However, React is only concerned with state management and
rendering that state to the DOM, so creating React applications usually
requires the use of additional libraries for routing, as well as certain client-
side functionality.

React Features:
 Use JSX: JSX is faster than normal JavaScript as it performs optimizations
while translating to regular JavaScript. It makes it easier for us to create
templates.
 Virtual DOM: Virtual DOM exists which is like a lightweight copy of the
actual DOM. So for every object that exists in the original DOM, there is
an object for that in React Virtual DOM. It is exactly the same, but it does
not have the power to directly change the layout of the document.
Manipulating DOM is slow, but manipulating Virtual DOM is fast as
nothing gets drawn on the screen.
 One-way Data Binding: One-way data binding gives you better view over
your application.
 Component: A Component is one of the core building blocks of React. In
other words, we can say that every application you will develop in React
will be made up of pieces called components. Components make the task
of building UIs much easier.

Page
10
  Performance: ReactJS use JSX, which is faster compared to normal
JavaScript and HTML. Virtual DOM is a less time taking procedure to
update webpages content.

BACK-END TECHNOLOGIES
MySQL
MySQL is an open-source relational database management system
(RDBMS). Its name is a combination of "My", the name of co-founder
Michael Widenius's daughter My, and "SQL", the abbreviation for Structured
Query Language. A relational database organizes data into one or more data
tables in which data may be related to each other; these relations help structure
the data. SQL is a language programmers use to create, modify and extract
data from the relational database, as well as control user access to the
database. In addition to relational databases and SQL, an RDBMS like
MySQL works with an operating system to implement a relational database in
a computer's storage system, manages users, allows for network access and
facilitates testing database integrity and creation of backups.

 The data in a MySQL database are stored in a table which consists of

columns and rows.
 MySQL is a database system that runs on a server.
 MySQL is ideal for both small and large applications.
 MySQL is very fast, reliable, and easy to use database system.It uses
standard SQL
 MySQL compiles on a number of platforms.

There are three ways of working with MySQl and PHP 

1. MySQLi (object-oriented)

Page
11
2. MySQLi (procedural)
3. PDO

Connecting to MySQL to PHP

There are 3 ways in which we can connect to MySQl from PHP as listed above
and described below:

1. Using MySQLi object-oriented procedure: We can use the MySQLi

object-oriented procedure to establish a connection to MySQL database
from a PHP script.

2. Using MySQLi procedural procedure : There is also a procedural

approach of MySQLi to establish a connection to MySQL database from
a PHP script

3. Using PDO procedure: PDO stands for PHP Data Objects. That is, in
this method we connect to the database using data objects in Php

XAMP (Linux, Apache, MySQL, PHP)

XAMPP is a free and open-source cross-platform web server solution

stack package developed by Apache Friends, consisting mainly of the Apache
HTTP Server, MariaDB database, and interpreters for scripts written in the
PHP and Perl programming languages. 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's ease of deployment means a WAMP or LAMP stack can be

installed quickly and simply on an operating system by a developer, with the
advantage that common add-in applications such as WordPress and Joomla!
can also be installed with similar ease using Bitnami.

Page
12
XAMPP helps a local host or server to test its website and clients via computers
and laptops before releasing it to the main server. It is a platform that furnishes
a suitable environment to test and verify the working of projects based on
Apache, Perl, MySQL database, and PHP through the system of the host itself.
Among these technologies, Perl is a programming language used for web
development, PHP is a backend scripting language, and MariaDB is the most
vividly used database developed by MySQL. The detailed description of these
components 

Components of XAMPP

1. Cross-Platform: Different local systems have different configurations of

operating systems installed in it. The component of cross-platform has
been included to increase the utility and audience for this package of
Apache distributions. It supports various platforms such as packages of
Windows, Linus, and MAC OS.
2. Apache: It is an HTTP a cross-platform web server. It is used worldwide
for delivering web content. The server application has made free for
installation and used for the community of developers under the aegis of
Apache Software Foundation. The remote server of Apache delivers the
requested files, images, and other documents to the user.
3. MariaDB: Originally, MySQL DBMS was a part of XAMPP, but now it
has been replaced by MariaDB. It is one of the most widely used
relational DBMS, developed by MySQL. It offers online services of data
storage, manipulation, retrieval, arrangement, and deletion.

4. PHP: It is the backend scripting language primarily used for web

development. PHP allows users to create dynamic websites and
applications. It can be installed on every platform and supports a variety

Page
13
 of database management systems. It was implemented using C language.
PHP stands for Hypertext Processor. It is said to be derived from
Personal Home Page tools, which explains its simplicity and
functionality.

5. Perl: It is a combination of two high-level dynamic languages, namely

Perl 5 and Perl 6. Perl can be applied for finding solutions for problems
based on system administration, web development, and networking. Perl
allows its users to program dynamic web applications. It is very flexible
and robust.
6. phpMyAdmin: It is a tool used for dealing with MariaDB. Its version
4.0.4 is currently being used in XAMPP. Administration of DBMS is its
main role.
7. OpenSSL: It is the open-source implementation of the Secure Socket
Layer Protocol and Transport Layer Protocol. Presently version 0.9.8 is a
part of XAMPP.
8. XAMPP Control Panel: It is a panel that helps to operate and regulate
upon other components of the XAMPP. Version 3.2.1 is the most recent
update. A detailed description of the control panel will be done in the
next section of the tutorial.
9. Webalizer: It is a Web Analytics software solution used for User logs
and provide details about the usage.
10.Mercury: It is a mail transport system, and its latest version is 4.62. It is
a mail server, which helps to manage the mails across the web.
11.Tomcat: Version 7.0.42 is currently being used in XAMPP. It is a servlet
based on JAVA to provide JAVA functionalities.
12.Filezilla: It is a File Transfer Protocol Server, which supports and eases
the transfer operations performed on files.

Page
14
 NODEJS

Node.js is an open-source server environment. Node.js is cross-platform

and runs on Windows, Linux, Unix, and macOS. Node.js is a back-end
JavaScript runtime environment. Node.js runs on the V8 JavaScript Engine
and executes JavaScript code outside a web browser.

Node.js lets developers use JavaScript to write command line tools and
for server-side scripting. The functionality of running scripts server-side
produces dynamic web page content before the page is sent to the user's web
browser. Consequently, Node.js represents a "JavaScript everywhere"
paradigm,[6] unifying web-application development around a single
programming language, rather than different languages for server-side and
client-side scripts.

Node.js has an event-driven architecture capable of asynchronous I/O.

These design choices aim to optimize throughput and scalability in web
applications with many input/output operations, as well as for real-time Web
applications.
Features of NodeJS: There are other programming languages also which we
can use to build back-end services so what makes Node.js different I am going
to explain.

1. It’s easy to get started and can be used for prototyping and agile
development
2. It provides fast and highly scalable services
3. It uses JavaScript everywhere, so it’s easy for a JavaScript programmer to
build back-end services using Node.js
4. Source code cleaner and consistent.
5. Large ecosystem for open source library.
6. It has Asynchronous or Non-blocking nature.

Page
15
Advantages of NodeJS

1. Easy Scalability: Developers prefer to use Node.js because it is easily

scaling the application in both horizontal and vertical directions. We can
also add extra resources during the scalability of the application.
2. Real-time web apps: If you are building a web app you can also use PHP,
and it will take the same amount of time when you use Node.js, But if I am
talking about building chat apps or gaming apps Node.js is much more
preferable because of faster synchronization. Also, the event loop avoids
HTTP overloaded for Node.js development.
3. Fast Suite: NodeJs runs on the V8 engine developed by Google. Event
loop in NodeJs handles all asynchronous operation so NodeJs acts like a
fast suite and all the operations can be done quickly like reading or writing
in the database, network connection, or file system
4. Easy to learn and code: NodeJs is easy to learn and code because it uses
JavaScript. If you are a front-end developer and have a good grasp of
JavaScript you can easily learn and build the application on NodeJS
5. Advantage of Caching: It provides the caching of a single module.
Whenever there is any request for the first module, it gets cached in the
application memory, so you don’t need to re-execute the code.
6. Data Streaming: In NodeJs HTTP request and response are considered as
two separate events. They are data stream so when you process a file at the
time of loading it will reduce the overall time and will make it faster when
the data is presented in the form of transmissions. It also allows you to
stream audio and video files at lightning speed.
7. Hosting: PaaS (Platform as a Service) and Heroku are the hosting
platforms for NodeJS application deployment which is easy to use without
facing any issue.

Page
16
8. Corporate Support: Most of the well-known companies like Walmart,
Paypal, Microsoft, Yahoo are using NodeJS for building the applications.
NodeJS uses JavaScript, so most of the companies are combining front-end
and backend Teams together into a single unit.

Application of NodeJS:

 NodeJS should be preferred to build:

 Real-Time Chats,
 Complex Single-Page applications,
 Real-time collaboration tools,
 Streaming apps
 JSON APIs based application

Operating System

 An Operating System is software, consists of programs and data, that run

on computer and manages computer hardware resources and provides
common services for efficient execution of various application software.
For hardware functions such as input and output and memory allocation,
the operating system acts as an intermediary between application program
and the computer hardware, although the application code is usually
executed directly by the hardware and will frequently call the OS or be
interrupted by it. Operating system is found on almost any device that
contains a computer from cellular phones and video game to
supercomputer and web servers.

 Windows 10 is the most versatile and powerful edition. It combines

remarked case of use with entertainment features of home premium and
the business capabilities

Page
17
 An operating system acts as an intermediary between the user of a
computer and computer hardware. The purpose of an operating system
is to provide an environment in which a user can execute programs
conveniently and efficiently. ss

 An operating system is a software that manages computer hardware. The

hardware must provide appropriate mechanisms to ensure the correct
operation of the computer system and to prevent user programs from
interfering with the proper operation of the system. 

 An operating system is a program that controls the execution of

application programs and acts as an interface between the user of a
computer and the computer hardware.
 A more common definition is that the operating system is the one
program running at all times on the computer (usually called the kernel),
with all else being application programs.
 An operating system is concerned with the allocation of resources and
services, such as memory, processors, devices, and information. The
operating system correspondingly includes programs to manage these
resources, such as a traffic controller, a scheduler, a memory
management module, I/O programs, and a file system.

Page
18
 Here is a look at some of the features in windows 10 as mentioned below:

Fig 3.2 Operating System

Features of Operating system 

1. Convenience: An OS makes a computer more convenient to use.

2. Efficiency: An OS allows the computer system resources to be used
efficiently.
3. Ability to Evolve: An OS should be constructed in such a way as to permit
the effective development, testing, and introduction of new system
functions at the same time without interfering with service.
4. Throughput: An OS should be constructed so that It can give
maximum throughput(Number of tasks per unit time).

Page
19
Major Functionalities of Operating System: 

 Resource Management: When parallel accessing happens in the OS means

when multiple users are accessing the system the OS works as Resource
Manager, Its responsibility is to provide hardware to the user. It decreases
the load in the system.
 Process Management: It includes various tasks like scheduling and
termination of the process. It is done with the help of CPU
Scheduling algorithms.
 Storage Management: The file system mechanism used for the
management of the storage. NIFS, CFS, CIFS, NFS, etc. are some file
systems. All the data is stored in various tracks of Hard disks that are all
managed by the storage manager. It included Hard Disk.s
 Memory Management: Refers to the management of primary memory.
The operating system has to keep track of how much memory has been
used and by whom. It has to decide which process needs memory space and
how much. OS also has to allocate and deallocate the memory space.
 Security/Privacy Management: Privacy is also provided by the Operating
system by means of passwords so that unauthorized applications can’t
access programs or data. For example, Windows
uses Kerberos authentication to prevent unauthorized access to data.

Page
20
 3.SYSTEM ANALYSIS
3.1 EXISTING SYSTEM
In the existing system includes prediction website which have cybersecurity
breaches and hacker access are inevitable because of the digital nature of
cryptocurrencies, which will be vulnerable to cyber-attacks. Several ICOs have
already been compromised, resulting in losses of several hundred million
dollars to investors, only this summer where is high, low performance, not easy
to scale.
DISADVANTAGES

 Accuracy level is low.

 Performance of the website is poor.

 Vulnerability of data theft

 Not easily scalable and reliable.

3.2 PROPOSED SYSTEM

While the opportunities of financial gains through investments in crypto

are limitless, and with the evolution of regulatory and taxation policies, crypto
continues to evolve in the country, investors must be aware that like all
investments, research is key for this asset class. So, this website will help
investors to gain success in their research by providing authentic values
ADVANTAGES

 No royalty for fetching timely prices.

 Easy to scale and more reliable.

 High performance of the website compared to on premise.

 High accuracy refreshes from time to time.

Page
21
 4.SYSTEM DESIGN
4.1 DATA FLOW DIAGRAM

A data flow diagram also known as “bubble chart” has the purpose of
clarifying system requirements and identifying major transformation that will
become program in system design. Therefore, it is the starting point of the
phase that functionally decomposes the requirement specification down to the
lowest level of details. A DFD contains series of bubbles joined by lines.

DFD SYMBOLS

Defines a source or destination of

system data.

It identifies data in motion. It is a

pipeline through which information
flows.

It represents a process that transforms

incoming data flow into outgoing data
flows.

This represents a data store. Data at

rest or a temporary repository of data

Page
22
4.1.1 DATA FLOW DIAGRAM

COINGECKO- API

GETS

CRYPTOCURRENCY VALUES

USER HOME FETCH

PAGE

CONTACT US
CONTACT INFO

Page
23
4.2 ER DIAGRAM

ER Diagram stands for Entity Relationship Diagram, also known as

ERD is a diagram that displays the relationship of entity sets stored in a
database. In other words, ER diagrams help to explain the logical structure of
databases. ER diagrams are created based on three basic concepts: entities,
attributes, and relationships. It is a graphical representation that depicts
relationships among people, objects, places, concepts, or events within an
information technology (IT) system. Entity relationship diagrams provide a
visual starting point for database design that can also be used to help
determine information system requirements throughout an organization.
Following are the main components of ER Diagram

The Entity Relationship Diagram

symbol represents entity types.

Symbol represents attributes.

This symbol represents relationship

types.

It links attributes to entity types and

entity types with other relationship
types.

Represents multi-valued attributes.

Page
24
 4.2.1 ER DIAGRAM

USER

VIEWS

THAN_DETAILS

NAME

EMAIL
MESSAGEE

NUMBER

Page
25
4.3 DATABASE DESIGN

Database design is the organization of data according to a database

model. The designer determines what data must be stored and how the
data elements interrelate. With this information, they can begin to fit the
data to the database model. Database management system manages the
data accordingly. Database design involves classifying data and
identifying interrelationships.

DATABASE NAME: than123

TABLE NAME: than details

SNO FIELD DATATYPE SIZE CONSTRAINT DESCRIPTION

1 Name VARCHAR 20 Not Null Sender's name

Not Null
2 Email VARCHAR 25 Sender's Email

Not Null
3 Phone VARCHAR 60 Phone

Not Null
4 Message VARCHAR 100 Message

Page
26
4.4 INPUT DESIGN

Input design is converting user-originated input format to a

computer-based format. This computer-based format is called as input
form or source document. In an information system, input is the raw data
that is processed to produce output.

In this input design a form is created, within the form labels are
created to display a fixed text, 4 text boxes are used to get input from the
user and button is used to send the collected data.
OBJECTIVES OF INPUT DESIGN

 Input forms must be complete & accurate.

 There should be not any inconsistency of data in input forms.

 Input forms should be attractive to the user.

 Assuring input meets the intended purpose.

 Input forms must be easy to fill out.

Page
27
4.5 OUTPUT DESIGN

Computer output is the most important & direct source of

information to the user. The system is accepted by the user only by the
quality of its output. If the output is not of decent quality, the user is likely
to reject the system. Therefore, an effective output design is the major
criteria for deciding the overall quality of the system. The design of
output is the most important task of any system.
OBJECTIVES OF OUTPUT DESIGN

 Designing output to serve the intended purpose.

 Designing output to fit the user.

 Delivering the appropriate quantity of output.

 Making sure the output is where it is needed.

 Providing the output on time.

 Choosing the right output method.

Page
28
 5.SYSTEM TESTING

Testing plays a vital role to the success of an application, which comes as a

phase before the implementation phase of the software developed life cycle. The
testing phase has several purposes of conforming the quality of the application.
These help us to find and eliminate any residual errors from the previous stage
and rectify the errors in the application. This increases operational reliability of
the system

Page
29
UNIT TESTING

Unit testing is process in which h individual programs are tested for

their proper functioning. Program logic is written for a specific usage, so
we need to test whether each of the programs is working fine as for our
requirement. In this testing subroutines were tested.

In this testing each module is tested individually like, first the

dynamic website is tested whether it is working and displaying all the
contents of the website properly.

Page
30
INTEGRATION TESTING
As individual modules are successfully unit tested an integrated test
plan is developed to incorporate each module into overall software
structure. Integrated testing accomplishes the quality in assembling the
modules. It also tests relationship formed when different modules are
merged into the application.

In this testing after connecting modules with each other it is tested.

Like, after intansce and copying files to it using public DNS to test the
website.

Page
31
 OUTPUT TESTING

When modules are integrated sample data for all the modules and
screens are entered in the system. Then reports developed for the
application are generated and verified whether the reports are up to the
specified requirements.
In this testing after successfully connecting with each module and all testing,
finally output testing is done from AWS to check the website and database for
proper functioning.

Page
32
5.1 SYSTEM IMPLEMENTATION

The implementation is the final phase. It involves user system

testing and running of the developed proposed system. The testing phase
involves the testing of developed system using various kinds of data while
testing, errors are noted and corrections are made. The corrections are also
noted future use.

This phase is initiated after the system has been tested and accepted
by the user. In this phase, the system is installed to support the intended
business functions. System performance is compared to performance
objectives established during the planning phase. Implementation includes
user notification, user training, installation of hardware, installation of
software onto production computers, and integration of the system into
daily work processes.

This phase continues until the system is operating in production in

accordance with the defined user requirements.

The steps included in system implementation are:

 Creating a Dynamic Website.

 After configuring xampp server it to host the website.
 Creating and testing database.
 Fetching of values.

Page
33
 6.SCOPE OF FUTURE ENHANCEMENT

The “Crypto currency value monitoring” is the platform for all

investors. The number of types of cryptocurrencies is increasing on a
regular basis. There are over 4000 cryptocurrencies as of early 2021 but it
is believed that top 20 cryptocurrencies hold the market share .Earlier
people used to invest in gold as an asset to protect their money against
inflation. Over the past couple of years, more people found Bitcoin to be a
better alternative asset. Even institutional investors are converting their
cash into Bitcoin to protect their finances against inflation. So, indeed
investors rely on legitimate prices, which our website takes on.

Page
34
 7.CONCLUSION

The building blocks of this Minor Project “Crypto currency value monitoring”
was one of these opportunities. It gave us the requisite practical knowledge to
supplement the already known theoretical concepts thus making us more
competent as a computer science student. The project from a personal point of
view also helped us in understanding the following aspects of project
development:

 Creation of instance and configuring it according to the NODEJS.

 Successfully completing all the process and monitoring the crypto

currency price checker.

The project also provided us the opportunity of interacting with our teachers and
to gain from their best experience.

Page
35
 8.BIBLIOGRAPHY

BOOK REFERENCES

1. Antony Lewis, “The Basics of Bitcoins and Blockchains”, published by

Mango Media , First Edition, 2021

2. Alex Banks & Eve Porcello, “Learning React”, published by Shroff, Second
Edition, 2020

WEBSITE REFERENCE

https://aws.amazon.com

https://www.geeksforgeeks.org

https://www.w3schools.com

https://github.com/

https://www.javatpoint.com/

https://www.nodejs.org/

Page
36
 9.APPENDICES

9.1CONFIGURATION

This picture shows successful installation of npm install

Page
37
CONFIGURATION

This picture shows the generation of link.

Page
38
FINAL FETCHING

This image displays the final fetching of crypto currencies at their current value.

Page
39
9.2SAMPLE CODING

DATABASE CONNECTIVITY

<?php

$server_name="localhost";

$username="root";

$password="";

$database_name="than123";

$conn=mysqli_connect($server_name,$username,$password,$database_name);

//now check the connection

if(!$conn)

die("Connection Failed:" . mysqli_connect_error());

if(isset($_POST['save']))

$name = $_POST['name'];

$email = $_POST['email'];

$number = $_POST['number'];

$message = $_POST['message'];

$sql_query = "INSERT INTO than_details (name,email,number,message)

Page
40
VALUES ('$name','$email','$number','$message')";

if (mysqli_query($conn, $sql_query))

echo "New Details Entry inserted successfully !";

Else

echo "Error: " . $sql . "" . mysqli_error($conn);

mysqli_close($conn);

?>

CONTACT.HTML

<!DOCTYPE html>

<html lang="en">

<head>

<!-- basic -->

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Page
41
<!-- mobile metas -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

<!-- site metas -->

<title>bitcypo</title>

<meta name="keywords" content="">

<meta name="description" content="">

<meta name="author" content="">

<!-- bootstrap css -->

<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- style css -->

Page
42
<link rel="stylesheet" href="css/style.css">

<!-- responsive-->

<link rel="stylesheet" href="css/responsive.css">

<!-- awesome fontfamily -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font

awesome/4.7.0/css/font-awesome.min.css">

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><!
[endif]-->

</head>

<!-- body -->

<body class="main-layout inner_page">

<!-- loader -->

<div class="loader_bg">

<div class="loader"><img src="images/loading.gif" alt="" /></div>

</div>

<!-- end loader -->

<div id="mySidepanel" class="sidepanel">

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>

Page
43
<a href="index.html">Home</a>

<a href="about.html">About</a>

<a href="searvices.html">Services</a>

<a href="testimonial.html">Testimonial</a>

<a href="works.html">Works</a>

Page
44
</div>

<!-- <a class="active" href="contact.html">Contact</a>

header -->

<header>

<!-- header inner -->

<div class="head-top">

<div class="container-fluid">

<div class="row d_flex">

<div class="col-sm-3">

<div class="logo">

<a href="index.html">BitCYPO</a>

</div>

</div>

<div class="col-sm-5">

<ul class="social_icon text_align_right d_none">

<li> <a href="Javascript:void(0)"><i class="fa fa-facebook

f"></i></a></li>

<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>

<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria

hidden="true"></i></a></li>

Page
45
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria

hidden="true"></i></a></li>

<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria

hidden="true"></i></a></li>

</ul>

</div>

<div class="col-sm-4">

<ul class="email text_align_right">

<li class="d_none"><a href="Javascript:void(0)"><i class="fa fa-user" aria

hidden="true"></i></a></li>

<li class="d_none"> <a href="Javascript:void(0)"><i class="fa fa-search"

style="cursor: pointer;" aria-hidden="true"></i></a> </li>

<li>

<button class="openbtn" onclick="openNav()"><img

src="images/menu_btn.png"></button>

</li>

</ul>

</div>

</div>

</div>

Page
46
</div>

</header>

<!-- end header -->

<div class="contact">

<div class="container">

<div class="row">

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

</div>

</div>

<div class="row">

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

<div class="titlepage text_align_center">

<h2>Contact Us</h2>

</div>

</div>

<div class=" col-md-10 offset-md-1">

<form id="request" class="main_form" action="than_entry.php"

method="post">

<div class="row">

<div class="col-md-6 ">

Page
47
<input class="contactus" placeholder="Full Name" type="type"

name="name">

</div>

<div class="col-md-6">

<input class="contactus" placeholder="Email" type="type"

name="email">

</div>

<div class="col-md-6">

<input class="contactus" placeholder="Phone number" type="type"

name="number">

</div>

<div class="col-md-6">

<textarea class="textarea" placeholder="Message" type="type"

name="message"></textarea>

</div>

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

Page
48
<button class="send_btn" name="save" value="Submit">Send</button>

</div>

</div>

</form>

</div>

</div>

</div>

</div>

<!-- footer -->

<footer>

<div class="footer">

<div class="container">

<div class="row">

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

<a class="logo_bottom" href="index.html">BitCYPO</a>

</div>

<div class="col-md-3 col-sm-6" ">

<div class="Informa conta ">

<h3>Contact Us</h3>

<ul>

Page
49
<li> <a href="Javascript:void(0) "> <i class="fa fa-map-marker " aria

hidden="true "></i> Location

</a>

</li>

<li> <a href="Javascript:void(0) "><i class="fa fa-phone " aria-hidden="true

"></i> Call +01 1234567890

</a>

</li>

<li> <a href="Javascript:void(0) "> <i class="fa fa-envelope " aria

hidden="true "></i> [email protected]

</a>

</li>

</ul>

<ul>

<li>Readable content of

</li>

<li>a page when looking

</li>

<li>at its layoutreadable

</li>

Page
50
<li>content of a page

</li>

<li>when looking at its

</li>

<li>layout

</li>

</ul>

</div>

</div>

<div class="col-md-3 col-sm-6 "">

<div class="Informa helpful">

<h3>Useful Link</h3>

<ul>

<li>Readable content of

</li>

<li>a page when looking

</li>

<li>at its layoutreadable

</li>

<li>content of a page

Page
51
</li>

<li>when looking at its

</li>

<li>layout

</li>

</ul>

</div>

</div>

<div class="col-md-3 col-sm-6" ">

<div class="Informa ">

<h3>Offices</h3>

<ul>

<li>Readable content of

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

<div class="titlepage text_align_center">

<h2>Contact Us</h2>

</div>

</div>

<div class=" col-md-10 offset-md-1">

<form id="request" class="main_form" action="than_entry.php"

Page
52
method="post">

<div class="row">

<div class="col-md-6 ">

<input class="contactus" placeholder="Full Name" type="type"

name="name">

</div>

<div class="col-md-6">

<input class="contactus" placeholder="Email" type="type"

name="email">

</div>

<div class="col-md-6">

<input class="contactus" placeholder="Phone number" type="type"

name="number">

</div>

<div class="col-md-6">

<textarea class="textarea" placeholder="Message" type="type"

name="message"></textarea>

</div>

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

Page
53
</li>

<li>a page when looking

</li>

<li>at its layoutreadable

</li>

<li>content of a page

</li>

<li>when looking at its

</li>

<li>layout

</li>

</ul>

</div>

</div>

<div class="col-md-3 col-sm-6 ">

<div class="Informa ">

<h3>Newsletter</h3>

<form class="newslatter_form ">

<input class="ente " placeholder="Enter your email " type="text "

name="Enter your email ">

Page
54
<button class="subs_btn ">Subscribe</button>

</form>

</div>

</div>

</div> <div class="copyright text_align_center ">

<div class="container ">

<div class="row ">

</div>

</div>

</div>

</div>

</footer>

<!-- end footer -->

<!-- Javascript files-->

<script src="js/jquery.min.js "></script>

<script src="js/bootstrap.bundle.min.js "></script>

<script src="js/jquery-3.0.0.min.js "></script>

<script src="js/custom.js "></script>

</body>

</html>

Page
55