Introduction about Blockchain technology and tutorial steps of how can we build a decentralized application on top of Ethereum platform.

1. Decentraliz
ed
Application
Prepared By: Huda Seyam

2. 02
How Does a Blockchain
Application Work
Introduction
Ethereum Dependencies
Tutorial Steps
03
04
TABLE OF
CONTENTS
01

3. A blockchain is a peer-to-peer network of
computers. Each network participant
maintains a copy of the code and the data
on the blockchain. All of this data is
contained in bundles of records called
"blocks" which are "chained together"
Blockchain
Technology

4. Blockchain Technology Mechanism

7. Blockchain Application Development
Create Smart
Contract
Create a smart contract
with the Solidity
programming language
Test Smart
Contract
Tests against the smart
contract
Deploy Smart
Contract
Deploy smart contract to
a blockchain
network
Create a client-side app
interact with smart
contract

8. A computer code of simple contracts that
will automatically execute when specified
conditions are met. it's necessary before
deploying the smart contract on Blockchain
to test it and ensure it does not have any
bugs that can be exploited because the is
no way to rewriting the underlying code
Smart Contract

9. A platform powered by blockchain
technology that is best known for its native
cryptocurrency, called ether, or ETH. The
Ethereum platform supports ether in
addition to a network of decentralized apps,
otherwise known as dApps. Smart
contracts
Ethereum Platform

10. Installing Dependencies
1. Installing Ganache as a personal blockchain
1. Node Package Manager which comes with Node.js
2. Setup Truffle Framework , which provides a suite of tools for
developing Ethereum smart contracts with the Solidity
programming language.
3. Ethereum wallet extension for Google Chrome in order to interact
with the web application

11. Is a local development Blockchain that can
be used to mimic the behavior of a public
Blockchain. It enables the developer to
deploy their smart contracts for testing
purposes. Using Ganache, Smart Contract
can be deployed, Applications can be
developed, tasks can be performed and
tests without ant costs
Ganache

12. A framework provides a suite of tools for
compilation, linking, migrations and
deploying an Ethereum smart contracts to
any Blockchain networks It is the
environment for decentralized applications
based on Blockchain and Ethereum
technology
Truffle Framework

13. A browser extension, which turns browser
into an Ethereum browser to develop and run
decentralized applications without running a
full Ethereum node. also, manage personal
accounts when connecting to the Blockchain.
It gives safe to store assets, keys, and all
necessary safety requirements. It is the
safest and simplest way to connect to
Blockchain -based application
MetaMask

14. Tutorial
Steps

15. Install Ganache

16. Install Ganache

17. Install Truffle

18. Initialize a New Truffle Project

19. Truffle Project Directory Structure

20. Create Smart Contract

21. Compile Smart Contract

22. Test Smart Contract

23. Test Smart Contract

24. Deploy Smart Contract

25. Deploy Smart Contract

26. Deploy Smart Contract

27. Deploy Smart Contract

28. Deploy Smart Contract

29. Interact with Smart Contract

30. Interact with Smart Contract

31. Interact with Smart Contract

32. React Dapp

33. An open-source JavaScript library that
is used for building user interfaces
specifically for single-page
applications
React

35. Web3.js is a collection of libraries that
allow you to interact with a local or
remote Ethereum node using HTTP,
IPC or WebSocket.
Web3

36. Web3 Provider

37. React Front-End Code

38. React Front-End Code

39. Client Side Application

40. Send Ether to Rinkeby Network

41. Deploy by Remix

42. Deploy by Remix

43. Web3 Provider

44. Client Side Application

45. CREDITS: This presentation template was created by Slidesgo,
including icons by Flaticon and infographics & images by Freepik
THANKS!
Do you have any questions?