Professional Documents
Culture Documents
ANALYZEING CRYPTOCURRENCIES
A Report submitted
B. Tech
in
SOURABH MANAWAT
pursued in
AUGUST, 2022
DECLARATION
Signature
Sourabh Manawat
Date: / / 2022
TABLE OF CONTENTS
TITLE PAGE NO
CHAPTER -1...................................................................................................…1-3
INTRODUCTION ................................................................................................. 1
CHAPTER -2 ....................................................................................................4-15
2.1.1. HTML5…………………………………………………...........….......4
2.1.2. CSS3.......................................................................................................5
2.1.3. JavaScript...............................................................................................6
2.1.4. ReactJs..................................................................................................7
2.1.6. Redux.....................................................................................................9
SCREENSHOTS.................................................................................................. 16
3.4 Cryptocurrencies............................................................................................. 18
3.6 News................................................................................................................20
3.7 Exchanges........................................................................................................22
3.8 Responsiveness...............................................................................................23
CHAPTER-4…...................................................................................................... 24
CHAPTER-5…...................................................................................................... 25
REFRENCES.........................................................................................................25
CHAPTER-1
INTRODUCTION
A few years ago, if you had mentioned the term “cryptocurrency” to me, I would
have imagined some kind of currency involving an underworld banking system,
with hooded traders sitting behind shady computers. We now read about it not only
in the business sections of daily websites or financial publications, but on their front
page. Entire sections of news publications are becoming devoted to things like
Bitcoin. In essence, cryptocurrency is – as blockchain based platforms are meant
to be – completely decentralized. As a financial based blockchain, that means it is
not governed by any central bank or monetary authority. It is rather maintained by
a peer-to -peer community computer network made up of users’ machines or
“nodes”.Using blockchain, it is effectively a digital database – a “distributed public
ledger” – which is run via cryptography. Cryptocurrency such as Bitcoin is secure
as it has been digitally confirmed by a process called “mining”. Mining is a process
where all the information entering the Bitcoin blockchain has been mathematically
checked using a highly complex digital code set up on the network. That blockchain
network will confirm and verify all new entries into the ledger, as well as any
changes to It Cryptocurrency may be a good investment if you are willing to accept
it is a high risk gamble which could pay off – but also that there is a strong chance
you could lose all of your money. Prices of cryptocurrencies including bitcoin have
been falling in 2022 amid a worldwide crypto price crash. In our Cryptoverse
application we provide information of all major cryptocurrencies in our financial
system. We can see the required information which is needed to analyze the
cryptocurrency before investing in it, we can analyze the performance of any
cryptocurrency. We can check the past performance of any cryptocurrency by
analyzing the chart which shows the performance of cryptocurrency in market
throughout the history. In news section we can keep ourselves updated with the
news related to cryptocurrency which helps us to understand the current situation
of crypto market this helps to take better decision on which cryptocurrency should
we invest.
1
Using this various information, we can make our decision that in which
cryptocurrency should we invest.
1. React JS
2. Redux
3. Npm Packages
4. Html 5
5. CSS3
6. ES6 JavaScript
7. Ant Design
2
1.3. Facilities Given by Your Project: -
1. Provide a better user experience to improve the speed and accuracy of Crypto
Exchanges.
2. Process a larger number of Cryptocurrencies with existing resources.
3. Eliminate sources of human error for faster, better-quality evaluation decisions.
4. Establish predictable, repeatable, and auditable processes that support compliance.
5. Reduce delays and costs associated related to analysis of Currencies.
6. User can keep the track of change in crypto market.
7. All important news related to cryptocurrencies can be accessed easily.
8. All crypto Exchanges are constantly updated via API.
9. User can search any Cryptocurrency in the market through search button.
10. User can graphically analyze the history of cryptocurrencies through charts.
3
CHAPTER 2
METHODOLOGY AND TECHNOLOGY
HTML stands for Hyper Text Markup Language. It is used to design web
pages using markuplanguage. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between the web pages.
Markup language is used to define the text document within tag which
defines the structure of web pages. HTML 5 is the fifth and current version
of HTML. It has improved the markup available for documents and has
introduced application programming interfaces (API) and Document
Object Model (DOM).
HTML5 is a markup language used for structuring and presenting content
on the World WideWeb HTML5 was first released in public-facing form
on 22 January 2008 with a major update and “W3C Recommendation”
status in October 2014HTML is a markup language that web browsers use
to interpret and compose text, images, and other material into visual or
audible web pages. Default characteristics for every item of HTML.
4
2.1.2 CSS3:- (Cascading Style Sheets)
5
2.1.3 JavaScript:-
6
2.1.4. React js :-
7
2.1.5. NODE JS :-
8
2.1.6. Redux:-
Redux is a predictable state container for JavaScript app. It helps you write applications
that behave consistently, run in different environments (client, server, and native), and
are easy to test. On top of that, it provides a great developer experience, such as line
conde enable it with syncretisation to it. You can use Redux together with , or with any
other view library. It is tiny (2kB, including dependencies), but has a large ecosystem
of addons available. Redux Toolkit is our official recommended approach for writing
Redux logic. It wraps around the Redux core, and contains packages and functions that
we think are essential for building a Redux app. Redux Toolkit builds in our suggested
best practices, simplifies most Redux tasks, prevents common mistakes, and makes it
easier to write Redux applications.RTK includes utilities that help simplify many
common use cases, including , creating reducers and writing immutable update logic,
and even creating entire "slices" of state at once.Whether you're a brand new Redux
user setting up your first project, or an experienced user who wants to simplify an
existing application can help you make your Redux code better.Redux Toolkit is
available as a package on NPM for use with a module bundler or in a Node application:
9
2.2. Tools:-
2.2.1. Visual Studio Code: -
The first version of VS (Visual Studio) was released in 1997, named as Visual Studio
97 having version number 5.0. The latest version of Visual Studio is 15.0 which was
released on March 7, 2017. It is also termed as Visual Studio 2017. The supported .Net
Framework Versions in latest Visual Studio is 3.5 to 4.7. Java was supported in old
versions of Visual Studio but in the latest version doesn’t provide any support for Java
language.
10
There are 3 editions of Microsoft Visual Studio as follows:
3. Enterprise: It is an integrated, end to end solution for teams of any size with the
demandingquality and scale needs. Microsoft provides a 90-days free trial of this
edition and after thetrial period, the user has to pay to continue using it. The main
benefit of this edition is that it is highly scalable and deliver high-quality
software. Microsoft Visual Studio is an integrated development environment
(IDE) from Microsoft. It is used to develop computer programs, as well as
websites, web apps, web services and mobile apps.Visual Studio uses Microsoft
software development platforms such as Windows API, Windows Forms,
Windows Presentation Foundation, Windows Store and MicrosoftSilverlight. It
can produce both native code and managed code.
11
2.2.2. NpM Packages :- Node Package Manager
12
Software Package Manager
1. The name npm (Node Package Manager) stems from when npm first was
created as apackage manager for Node.js.
2. All npm packages are defined in files called package.json. The content of
package.json must be written in JSON.At least two fields must be present in
the definition
React Developer Tools is a Chrome DevTools extension for the open-source React
JavaScript library. It allows you to inspect the React component hierarchies in the
Chrome Developer ToolsReact Developer Tools (Devtools for short) is a browser
extension for Chrome and Firefox thatprovides an extra set of React-specific inspection
widgets to assist you with development. By installing React Devtools, you’ll get two
main features: a view of the component tree and the current state and props of each
component you select.
1. React Sight
In conjunction with the above extension, React Sight is yet another Chrome extension
you can install to help you in your react-inspection related endeavours.
13
2. React Extension Pack (for VS Studio)
Visual Studio is probably one of the most popular IDEs for JavaScript developers as
of late. True, you don’t really have to be using it to be a successful developer, that are
great alternatives such as Sublime, IntelliJ and even Vim (big Vim fan right here
folks!).That being said, because of the strong community behind VS, I thought I’d share
a few words about its React ExtensionPack. Essentially, this is a bundle of extensions
designed to help you in your react-related tasks.
1. ReactJS Code Snippets: It provides 40 (yes, you read that number right!) snippets for
allyour generic needs and 34 prop Types-specific snippets. This, in case you’re too lazy
todo the math for yourself, adds up to the whooping total of 74 snippets for you to stop
wasting time writing so much and start being more efficient in your day-to-day tasks.
2. npm: Having to jump from your IDE to the terminal every time you need to install a
newdependency, restart the server or even run some npm-specific command can get a
bit tedious, so this extension adds the ability to run npm commands right from the
commandpalette.
3. JS ES6 Snippets: More JS-generic snippets Why not This set of snippets will include
another set of over 40 snippets. This time, they’re not specific but considering you’re
working with JavaScript after all, it’s a definitive must-have in order to speed up your
process.
14
correctly install and configure Node.js v8 or above. The official guide also assumes that
you have intermediate knowledge about HTML, CSS, and JavaScript, and React. If you
are just starting to learn front-end or React, it may not be the best idea to use the UI
framework as your first step. Finally, if you are working in a local development
environment, please refer to Install and Initialization section of "Use in create-react-
app".n real project development, you may need data flow solutions such as Redux or
MobX. Ant Design React is a UI library that can be used with data flow solutions and
application frameworks in any React ecosystem. Based on the business scenario, we
launched a pluggable enterprise-level application framework Umi, which is
recommended for use in the project. And Umi is a routing-based framework that
supports next.js-like conventional routing and various advanced routing functions, such
as routing-level on-demand loading. With a complete plugin system that covers every
life cycle from source code to build product, Umi is able to support various functional
extensions and business needs; meanwhile Umi UI is provided to enhance the
development experience and development efficiency through Visual Aided
Programming (VAP).You can view the list of components in the side menu of the
Components page, such as the component. Plenty of examples are also provided in the
component pages and API documentation as well.
15
CHAPTER 3
SCREENSHOTS
3.1. HOME: -
• This is our landing page / first page of our website which shows the global crypto
stats which shows total market cap of cryptocurrencies in market.
• Our website has horizontal navigation bar which has the options of Home,
Exchanges, Cryptocurrencies & news sections.
• On our landing page we have top 10 cryptocurrencies in the world in terms of total
market value.
• We can see more cryptocurrencies by clicking Show More link on the page, it
includes all cryptocurrencies in the world with all important data.
• Home page also includes latest crypto news which tells us about major events
related to cryptocurrencies in the global market it is very important section for
getting proper information about cryptocurrencies.
• We can see more crypto related news by clicking Show More link on the page, it
16
includes all news of cryptocurrencies in the world.
• Our website has horizontal navigation bar which has the options of Home,
Exchanges, Cryptocurrencies & news sections.
• We have used Ant Design for importing icons for Home, Exchanges and all other
sections.
• We have used the dark blue and light blue color for designing navigation bar where
sections have pure white color when they are hovered.
• This Global Crypto Stats section is highlighted on our home page which shows
the total information about all cryptocurrencies in market.
17
Market, Total Exchanges & Total 24h Volume.
3.4. Cryptocurrencies: -
• In Cryptocurrencies section we can see all cryptocurrencies in our world, there are
100s and 1000s of cryptocurrencies in market.
• Each Cryptocurrency shows its Price, Market cap & Daily Change, we can get
more detailed information on crypto performance by clicking on it.
• We have used the Ant design and CSS for designing the layout of the web page
and all data is been fetched by API.
18
• There are 100s and 1000s of Cryptocurrencies in market so we need a search
button to find our required Cryptocurrency so we have a search button which can
find our required Cryptocurrency for us.
• The search bar is dynamic it automatically analyzes our initials and find
Cryptocurrency based on our characters.
• After selecting our searched Cryptocurrency, we can see all information related to
selected Cryptocurrency like its market prices, its history, news related to it and
even its performance in the market all can be analyzed here.
• We can even get all information about Cryptocurrency to get better understanding
of it that how its work in the market.
19
even see the data of long period of time.
• We have used the Ant design and CSS for designing the layout of the web page
and all data is been fetched by API.
• We have used the Chart.js library for creating this graphical representation of
Cryptocurrency and the data which is represented on chart is fetched by API.
3.6. News:-
• This section includes latest crypto news which tells us about major events related
to cryptocurrencies in the global market it is very important section for getting
proper information about cryptocurrencies.
• If anyone wants to be good at crypto trading the he must have knowledge of all
20
information and events related to cryptocurrencies.
• We can get all major information which is required to know before investing in
any cryptocurrencies which can give us major advantage over others in terms of
information.
• All news related to cryptocurrencies are been fetched from news API and the
layout design is created with Ant Design.
• We can even search any specific news which we are interested in by using search
menu it includes all major platforms which releases the news related to
cryptocurrencies.
• We have used the Ant design and CSS for designing the layout of the web page
21
and all data is been fetched by API.
1.7. Exchanges:-
• Exchange ratios are analyzed by the top exchange companies like Bianca, DC
Global, and other crypto makers.
• We have used the Ant design and CSS for designing the layout of the web page
and all data is been fetched by API.
• We have used Ant Design for importing icons for Home, Exchanges and all other
sections.
22
1.8. Responsiveness:-
23
Chapter-4
CONCLUSION AND FUTURE SCOPE
In conclusion, Cryptoverse project was a success. It achieved all the
expected functions and quality requirements. With each implementation,
a considerable effort was made to enhance extensibility. As an outcome,
the end-product had high flexibility, scalability, modifiability and
maintainability, futuristic. Deployment and maintenance will be done in
the upcoming future and is outside of the scope of this project.In total, four
modules. Home, Cryptocurrencies, Exchanges, News
• This “Cryptoverse- A new way of analyzing cryptocurrencies”
Application has beendeployed and successfully tested.
• The goals that are achieved by this software are:
FUTURE SCOPE-
1. We will make our own API for our use.
3. Improve UI experience.
4. In future we will add a payment option and link wallet to our website.
24
Chapter-5
REFERENCES
• https://reactjs.org/
• A Smarter Way to Learn JavaScript: The new tech-assisted approach that requires
halfthe effort, Author- Mark Myers, Latest Edition-1st
• Edition JavaScript: The Definitive Guide, Author- David Flanagan, Latest Edition-
6thedition
• https://stackoverflow.com/
• https://www.tutorialspoint.com/index htm
• https://www.w3schools.com/
• Doel Sengupta, Manu Singhal, Danillo Corvalan: Getting Started with React,
4thedition
• https://www.npmjs.com/package/package.
25