29 |

30 |

Krypto Transfer

7 |

8 | 9 | 10 |

11 | 12 | 13 |

6 |

7 |

8 |

9 |

10 |

11 |

Market

12 |

Exchange

13 |

Tutorials

14 |

Wallets

15 |

16 |

17 |

18 |

Come join us

19 |

info@devjoaopedro.com

20 |

21 |

22 |

23 |

@João Pedro

24 |

25 |

26 |

27 | ) 28 | } -------------------------------------------------------------------------------- /client/src/components/Loader.jsx: -------------------------------------------------------------------------------- 1 | export function Loader() { 2 | return( 3 |

4 |

5 |

6 | ) 7 | } -------------------------------------------------------------------------------- /client/src/components/Navbar.jsx: -------------------------------------------------------------------------------- 1 | import { useState } from 'react' 2 | 3 | import { HiMenuAlt4 } from 'react-icons/hi' 4 | import { AiOutlineClose } from 'react-icons/ai' 5 | 6 | import logo from '../../images/logo.png' 7 | 8 | const NavbarItem = ({ title, classProps }) => { 9 | return ( 10 |

11 | {title} 12 |

13 | ) 14 | } 15 | 16 | export function Navbar() { 17 | const [toggleMenu, setToggleMenu] = useState(false) 18 | 19 | return( 20 |

21 |

22 |

23 |

24 |

27 | ))} 28 |

29 | Login 30 |

31 |

32 |

33 | {toggleMenu 34 | ? setToggleMenu(false)} /> 35 | : setToggleMenu(true)} /> 36 | } 37 | {toggleMenu && ( 38 |

44 | setToggleMenu(false)} /> 45 |

48 | ))} 49 |

50 | )} 51 | 52 |

53 |

54 | ) 55 | } -------------------------------------------------------------------------------- /client/src/components/Services.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BsShieldFillCheck } from "react-icons/bs"; 3 | import { BiSearchAlt } from "react-icons/bi"; 4 | import { RiHeart2Fill } from "react-icons/ri"; 5 | 6 | const ServiceCard = ({ color, title, subtitle, icon }) => ( 7 |

8 |

9 | {icon} 10 |

11 |

12 |

{title}

13 |

{subtitle}

14 |

15 |

16 | ) 17 | 18 | export function Services() { 19 | return( 20 |

21 |

22 |

23 |

24 | Services that we 25 |
26 | continue to improve 27 |

28 |

29 |

30 |

31 | } 35 | subtitle="Security is guaranted. We always maintain privacy and mainting the quality of our products." 36 | /> 37 | } 41 | subtitle="Security is guaranted. We always maintain privacy and mainting the quality of our products." 42 | /> 43 | } 47 | subtitle="Security is guaranted. We always maintain privacy and mainting the quality of our products." 48 | /> 49 |

50 |

51 | ) 52 | } -------------------------------------------------------------------------------- /client/src/components/Transactions.jsx: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react' 2 | 3 | import { TransactionContext } from '../context/TransactionContext' 4 | 5 | import dummyData from '../utils/dummyData' 6 | import { shortenAddress } from '../utils/shortenAddress' 7 | import useFetch from '../hooks/useFetch' 8 | 9 | const TransactionCard = ({ addressTo, addressFrom, timestamp, message, keyword, amount, url}) => { 10 | const gifUrl = useFetch({ keyword }) 11 | 12 | return ( 13 |

20 |

21 |

22 | 23 |

From: {shortenAddress(addressFrom)}

24 | 25 | 26 |

To: {shortenAddress(addressTo)}

27 | 28 |

Amount: {amount} ETH

29 | {message && ( 30 | <> 31 |
32 |

Message: {message}

33 | 34 | )} 35 | 36 | 37 |

38 |

44 | 45 |

46 |

{timestamp}

47 |

48 |

49 |

50 | ) 51 | } 52 | 53 | export function Transactions() { 54 | const { currentAccount, transactions } = useContext(TransactionContext) 55 | 56 | return( 57 |

58 |

59 | {currentAccount ?( 60 |

Latest Transactions

61 | ): ( 62 |

Connect your account to see the latest transactions

63 | )} 64 | 65 |

66 | {[transactions.reverse().map((transaction, i)=>( 67 | 68 | ))]} 69 |

70 |

71 |

72 | ) 73 | } -------------------------------------------------------------------------------- /client/src/components/Welcome.jsx: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react' 2 | import { AiFillPlayCircle } from 'react-icons/ai' 3 | import{ SiEthereum } from 'react-icons/si' 4 | import { BsInfoCircle } from 'react-icons/bs'; 5 | 6 | import { TransactionContext } from '../context/TransactionContext'; 7 | import { Loader } from './'; 8 | import { shortenAddress } from '../utils/shortenAddress'; 9 | 10 | const companyCommonStyles = "min-h-[70px] sm:px-0 px-2 sm:min-w-[120px] flex justify-center items-center border-[0.5px] border-gray-400 text-sm font-light text-white"; 11 | 12 | const Input = ({ placeholder, name, type, value, handleChange }) => ( 13 | handleChange(e, name)} 19 | className="my-2 w-full rounded-sm p-2 outline-none bg-transparent text-white border-none text-sm white-glassmorphism" 20 | /> 21 | ); 22 | 23 | 24 | export function Welcome() { 25 | const { connectWallet, currentAccount, formData, handleChange, sendTransaction, isLoading } = useContext(TransactionContext) 26 | 27 | const handleSubmit = (e) => { 28 | const { addressTo, amount, keyword, message } = formData 29 | 30 | e.preventDefault() 31 | 32 | if(!addressTo || !amount || !keyword || !message) return; 33 | 34 | sendTransaction() 35 | } 36 | 37 | return( 38 |

39 |

40 |

41 |

42 | Send Crypto
across the world 43 |

44 |

45 | Explore the crypto world. Buy and sell cryptocurrencies easily on Krypto. 46 |

47 | {!currentAccount && ( 48 | 55 | )} 56 | 57 |

58 |

59 | Reliability 60 |

61 |

Security

62 |

63 | Ethereum 64 |

65 |

66 | Web 3.0 67 |

68 |

Low Fees

69 |

70 | Blockchain 71 |

72 |

73 |

74 | 75 |

76 |

77 |

78 |

79 |

80 | 81 |

82 | 83 |

84 |

85 |

86 | {shortenAddress(currentAccount)} 87 |

88 |

89 | Ethereum 90 |

91 |

92 |

93 |

94 | 95 |

96 | 97 | 98 | 99 | 100 | 101 |

102 | 103 | {isLoading ? ( 104 | 105 | ): ( 106 | 113 | )} 114 |

115 | 116 |

117 |

118 | 119 |

120 | ) 121 | } -------------------------------------------------------------------------------- /client/src/components/index.js: -------------------------------------------------------------------------------- 1 | export { Loader } from './Loader'; 2 | export { Navbar } from './Navbar'; 3 | export { Services } from './Services'; 4 | export { Footer } from './Footer'; 5 | export { Transactions } from './Transactions'; 6 | export { Welcome } from './Welcome'; -------------------------------------------------------------------------------- /client/src/context/TransactionContext.jsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from "react"; 2 | import { ethers } from "ethers"; 3 | 4 | import { contractABI, contractAddress } from '../utils/constants' 5 | 6 | export const TransactionContext = React.createContext(); 7 | 8 | const { ethereum } = window; 9 | 10 | const createEthereumContract = () => { 11 | const provider = new ethers.providers.Web3Provider(ethereum); 12 | const signer = provider.getSigner(); 13 | const transactionsContract = new ethers.Contract(contractAddress, contractABI, signer); 14 | 15 | return transactionsContract; 16 | }; 17 | 18 | export const TransactionsProvider = ({ children }) => { 19 | const [formData, setformData] = useState({ addressTo: "", amount: "", keyword: "", message: "" }); 20 | const [currentAccount, setCurrentAccount] = useState(""); 21 | const [isLoading, setIsLoading] = useState(false); 22 | const [transactionCount, setTransactionCount] = useState(localStorage.getItem("transactionCount")); 23 | const [transactions, setTransactions] = useState([]); 24 | 25 | const handleChange = (e, name) => { 26 | setformData((prevState) => ({ ...prevState, [name]: e.target.value })); 27 | }; 28 | 29 | const getAllTransactions = async () => { 30 | try { 31 | if (ethereum) { 32 | const transactionsContract = createEthereumContract(); 33 | 34 | const availableTransactions = await transactionsContract.getAllTransactions(); 35 | 36 | const structuredTransactions = availableTransactions.map((transaction) => ({ 37 | addressTo: transaction.receiver, 38 | addressFrom: transaction.sender, 39 | timestamp: new Date(transaction.timestamp.toNumber() * 1000).toLocaleString(), 40 | message: transaction.message, 41 | keyword: transaction.keyword, 42 | amount: parseInt(transaction.amount._hex) / (10 ** 18) 43 | })); 44 | 45 | console.log(structuredTransactions); 46 | 47 | setTransactions(structuredTransactions); 48 | } else { 49 | console.log("Ethereum is not present"); 50 | } 51 | } catch (error) { 52 | console.log(error); 53 | } 54 | }; 55 | 56 | const checkIfWalletIsConnect = async () => { 57 | try { 58 | if (!ethereum) return alert("Please install MetaMask."); 59 | 60 | const accounts = await ethereum.request({ method: "eth_accounts" }); 61 | 62 | if (accounts.length) { 63 | setCurrentAccount(accounts[0]); 64 | 65 | getAllTransactions(); 66 | } else { 67 | console.log("No accounts found"); 68 | } 69 | } catch (error) { 70 | console.log(error); 71 | } 72 | }; 73 | 74 | const checkIfTransactionsExists = async () => { 75 | try { 76 | if (ethereum) { 77 | const transactionsContract = createEthereumContract(); 78 | const currentTransactionCount = await transactionsContract.getTransactionCount(); 79 | 80 | window.localStorage.setItem("transactionCount", currentTransactionCount); 81 | } 82 | } catch (error) { 83 | console.log(error); 84 | 85 | throw new Error("No ethereum object"); 86 | } 87 | }; 88 | 89 | const connectWallet = async () => { 90 | try { 91 | if (!ethereum) return alert("Please install MetaMask."); 92 | 93 | const accounts = await ethereum.request({ method: "eth_requestAccounts", }); 94 | 95 | setCurrentAccount(accounts[0]); 96 | } catch (error) { 97 | console.log(error); 98 | 99 | throw new Error("No ethereum object"); 100 | } 101 | }; 102 | 103 | const sendTransaction = async () => { 104 | try { 105 | if (ethereum) { 106 | const { addressTo, amount, keyword, message } = formData; 107 | const transactionsContract = createEthereumContract(); 108 | const parsedAmount = ethers.utils.parseEther(amount); 109 | 110 | await ethereum.request({ 111 | method: "eth_sendTransaction", 112 | params: [{ 113 | from: currentAccount, 114 | to: addressTo, 115 | gas: "0x5208", 116 | value: parsedAmount._hex, 117 | }], 118 | }); 119 | 120 | const transactionHash = await transactionsContract.addToBlockchain(addressTo, parsedAmount, message, keyword); 121 | 122 | setIsLoading(true); 123 | console.log(`Loading - ${transactionHash.hash}`); 124 | await transactionHash.wait(); 125 | console.log(`Success - ${transactionHash.hash}`); 126 | setIsLoading(false); 127 | 128 | const transactionsCount = await transactionsContract.getTransactionCount(); 129 | 130 | setTransactionCount(transactionsCount.toNumber()); 131 | } else { 132 | console.log("No ethereum object"); 133 | } 134 | } catch (error) { 135 | console.log(error); 136 | 137 | throw new Error("No ethereum object"); 138 | } 139 | }; 140 | 141 | useEffect(() => { 142 | checkIfWalletIsConnect(); 143 | checkIfTransactionsExists(); 144 | }, [transactionCount]); 145 | 146 | return ( 147 | 159 | {children} 160 | 161 | ); 162 | }; -------------------------------------------------------------------------------- /client/src/favicon.svg: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /client/src/hooks/useFetch.jsx: -------------------------------------------------------------------------------- 1 | import { useEffect, useState } from 'react' 2 | 3 | const APIKEY = import.meta.env.VITE_GIPHY_API 4 | 5 | const useFetch = ({ keyword }) => { 6 | const [gifUrl, setGifUrl] = useState(""); 7 | 8 | const fetchGifs = async () => { 9 | try { 10 | const response = await fetch(`https://api.giphy.com/v1/gifs/search?api_key=${APIKEY}&q=${keyword.split(" ").join("")}&limit=1`) 11 | const { data } = await response.json() 12 | 13 | setGifUrl(data[0]?.images?.downsized_medium?.url) 14 | } catch (error) { 15 | setGifUrl("https://metro.co.uk/wp-content/uploads/2015/05/pokemon_crying.gif?quality=90&strip=all&zoom=1&resize=500%2C284") 16 | } 17 | } 18 | useEffect(() => { 19 | if(keyword) fetchGifs() 20 | }, [keyword]); 21 | 22 | return gifUrl; 23 | 24 | } 25 | 26 | export default useFetch; -------------------------------------------------------------------------------- /client/src/index.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"); 2 | 3 | * html { 4 | padding: 0; 5 | margin: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | body { 10 | margin: 0; 11 | font-family: "Open Sans", sans-serif; 12 | -webkit-font-smoothing: antialiased; 13 | -moz-osx-font-smoothing: grayscale; 14 | } 15 | 16 | .gradient-bg-welcome { 17 | background-color:#0f0e13; 18 | background-image: 19 | radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 20 | radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 21 | radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%); 22 | } 23 | 24 | .gradient-bg-services { 25 | background-color:#0f0e13; 26 | background-image: 27 | radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 28 | radial-gradient(at 50% 100%, hsla(225,39%,25%,1) 0, transparent 50%); 29 | } 30 | 31 | .gradient-bg-transactions { 32 | background-color: #0f0e13; 33 | background-image: 34 | radial-gradient(at 0% 100%, hsla(253,16%,7%,1) 0, transparent 50%), 35 | radial-gradient(at 50% 0%, hsla(225,39%,25%,1) 0, transparent 50%); 36 | } 37 | 38 | .gradient-bg-footer { 39 | background-color: #0f0e13; 40 | background-image: 41 | radial-gradient(at 0% 100%, hsla(253,16%,7%,1) 0, transparent 53%), 42 | radial-gradient(at 50% 150%, hsla(339,49%,30%,1) 0, transparent 50%); 43 | } 44 | 45 | .blue-glassmorphism { 46 | background: rgb(39, 51, 89, 0.4); 47 | border-radius: 16px; 48 | box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); 49 | backdrop-filter: blur(5px); 50 | -webkit-backdrop-filter: blur(5px); 51 | border: 1px solid rgba(0, 0, 0, 0.3); 52 | } 53 | 54 | /* white glassmorphism */ 55 | .white-glassmorphism { 56 | background: rgba(255, 255, 255, 0.05); 57 | border-radius: 16px; 58 | backdrop-filter: blur(5px); 59 | -webkit-backdrop-filter: blur(5px); 60 | border: 1px solid rgba(255, 255, 255, 0.3); 61 | } 62 | 63 | .eth-card { 64 | background-color:#a099ff; 65 | background-image: 66 | radial-gradient(at 83% 67%, rgb(152, 231, 156) 0, transparent 58%), 67 | radial-gradient(at 67% 20%, hsla(357,94%,71%,1) 0, transparent 59%), 68 | radial-gradient(at 88% 35%, hsla(222,81%,65%,1) 0, transparent 50%), 69 | radial-gradient(at 31% 91%, hsla(9,61%,61%,1) 0, transparent 52%), 70 | radial-gradient(at 27% 71%, hsla(336,91%,65%,1) 0, transparent 49%), 71 | radial-gradient(at 74% 89%, hsla(30,98%,65%,1) 0, transparent 51%), 72 | radial-gradient(at 53% 75%, hsla(174,94%,68%,1) 0, transparent 45%); 73 | } 74 | 75 | .text-gradient { 76 | background-color: #fff; 77 | background-image: radial-gradient(at 4% 36%, hsla(0,0%,100%,1) 0, transparent 53%), radial-gradient(at 100% 60%, rgb(0, 0, 0) 0, transparent 50%); 78 | -webkit-background-clip: text; 79 | -webkit-text-fill-color: transparent; 80 | } 81 | 82 | @tailwind base; 83 | @tailwind components; 84 | @tailwind utilities; -------------------------------------------------------------------------------- /client/src/logo.svg: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /client/src/main.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom' 3 | 4 | import './index.css' 5 | import App from './App' 6 | import { TransactionsProvider } from './context/TransactionContext' 7 | 8 | ReactDOM.render( 9 | 10 | 11 | 12 | 13 | , 14 | document.getElementById('root') 15 | ) 16 | -------------------------------------------------------------------------------- /client/src/utils/Transactions.json: -------------------------------------------------------------------------------- 1 | { 2 | "_format": "hh-sol-artifact-1", 3 | "contractName": "Transactions", 4 | "sourceName": "contracts/Transactions.sol", 5 | "abi": [ 6 | { 7 | "anonymous": false, 8 | "inputs": [ 9 | { 10 | "indexed": false, 11 | "internalType": "address", 12 | "name": "from", 13 | "type": "address" 14 | }, 15 | { 16 | "indexed": false, 17 | "internalType": "address", 18 | "name": "receiver", 19 | "type": "address" 20 | }, 21 | { 22 | "indexed": false, 23 | "internalType": "uint256", 24 | "name": "amount", 25 | "type": "uint256" 26 | }, 27 | { 28 | "indexed": false, 29 | "internalType": "string", 30 | "name": "message", 31 | "type": "string" 32 | }, 33 | { 34 | "indexed": false, 35 | "internalType": "uint256", 36 | "name": "timestamp", 37 | "type": "uint256" 38 | }, 39 | { 40 | "indexed": false, 41 | "internalType": "string", 42 | "name": "keyword", 43 | "type": "string" 44 | } 45 | ], 46 | "name": "Transfer", 47 | "type": "event" 48 | }, 49 | { 50 | "inputs": [ 51 | { 52 | "internalType": "address payable", 53 | "name": "receiver", 54 | "type": "address" 55 | }, 56 | { 57 | "internalType": "uint256", 58 | "name": "amount", 59 | "type": "uint256" 60 | }, 61 | { 62 | "internalType": "string", 63 | "name": "message", 64 | "type": "string" 65 | }, 66 | { 67 | "internalType": "string", 68 | "name": "keyword", 69 | "type": "string" 70 | } 71 | ], 72 | "name": "addToBlockchain", 73 | "outputs": [], 74 | "stateMutability": "nonpayable", 75 | "type": "function" 76 | }, 77 | { 78 | "inputs": [], 79 | "name": "getAllTransactions", 80 | "outputs": [ 81 | { 82 | "components": [ 83 | { 84 | "internalType": "address", 85 | "name": "sender", 86 | "type": "address" 87 | }, 88 | { 89 | "internalType": "address", 90 | "name": "receiver", 91 | "type": "address" 92 | }, 93 | { 94 | "internalType": "uint256", 95 | "name": "amount", 96 | "type": "uint256" 97 | }, 98 | { 99 | "internalType": "string", 100 | "name": "message", 101 | "type": "string" 102 | }, 103 | { 104 | "internalType": "uint256", 105 | "name": "timestamp", 106 | "type": "uint256" 107 | }, 108 | { 109 | "internalType": "string", 110 | "name": "keyword", 111 | "type": "string" 112 | } 113 | ], 114 | "internalType": "struct Transactions.TransferStruct[]", 115 | "name": "", 116 | "type": "tuple[]" 117 | } 118 | ], 119 | "stateMutability": "view", 120 | "type": "function" 121 | }, 122 | { 123 | "inputs": [], 124 | "name": "getTransactionCount", 125 | "outputs": [ 126 | { 127 | "internalType": "uint256", 128 | "name": "", 129 | "type": "uint256" 130 | } 131 | ], 132 | "stateMutability": "view", 133 | "type": "function" 134 | } 135 | ], 136 | "bytecode": "0x608060405234801561001057600080fd5b50610c0d806100206000396000f3fe608060405234801561001057600080fd5b50600436106100415760003560e01c806327506f53146100465780632e7700f014610064578063cc2d7ead14610082575b600080fd5b61004e61009e565b60405161005b91906108b9565b60405180910390f35b61006c6102e1565b60405161007991906108db565b60405180910390f35b61009c600480360381019061009791906105e1565b6102ea565b005b60606001805480602002602001604051908101604052809291908181526020016000905b828210156102d857838290600052602060002090600602016040518060c00160405290816000820160009054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020016001820160009054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001600282015481526020016003820180546101ab90610ad9565b80601f01602080910402602001604051908101604052809291908181526020018280546101d790610ad9565b80156102245780601f106101f957610100808354040283529160200191610224565b820191906000526020600020905b81548152906001019060200180831161020757829003601f168201915b505050505081526020016004820154815260200160058201805461024790610ad9565b80601f016020809104026020016040519081016040528092919081815260200182805461027390610ad9565b80156102c05780601f10610295576101008083540402835291602001916102c0565b820191906000526020600020905b8154815290600101906020018083116102a357829003601f168201915b505050505081525050815260200190600101906100c2565b50505050905090565b60008054905090565b60016000808282546102fc91906109bd565b9250508190555060016040518060c001604052803373ffffffffffffffffffffffffffffffffffffffff1681526020018673ffffffffffffffffffffffffffffffffffffffff16815260200185815260200184815260200142815260200183815250908060018154018082558091505060019003906000526020600020906006020160009091909190915060008201518160000160006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff16021790555060208201518160010160006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff16021790555060408201518160020155606082015181600301908051906020019061043b9291906104ac565b506080820151816004015560a08201518160050190805190602001906104629291906104ac565b5050507f416cfa4330a4565f45c2fd2dd4826a83a37443aba2ce6f79477c7355afac35fa33858585428660405161049e9695949392919061084a565b60405180910390a150505050565b8280546104b890610ad9565b90600052602060002090601f0160209004810192826104da5760008555610521565b82601f106104f357805160ff1916838001178555610521565b82800160010185558215610521579182015b82811115610520578251825591602001919060010190610505565b5b50905061052e9190610532565b5090565b5b8082111561054b576000816000905550600101610533565b5090565b600061056261055d84610927565b6108f6565b90508281526020810184848401111561057a57600080fd5b610585848285610a97565b509392505050565b60008135905061059c81610ba9565b92915050565b600082601f8301126105b357600080fd5b81356105c384826020860161054f565b91505092915050565b6000813590506105db81610bc0565b92915050565b600080600080608085870312156105f757600080fd5b60006106058782880161058d565b9450506020610616878288016105cc565b935050604085013567ffffffffffffffff81111561063357600080fd5b61063f878288016105a2565b925050606085013567ffffffffffffffff81111561065c57600080fd5b610668878288016105a2565b91505092959194509250565b6000610680838361079c565b905092915050565b61069181610a61565b82525050565b6106a081610a13565b82525050565b6106af81610a13565b82525050565b60006106c082610967565b6106ca818561098a565b9350836020820285016106dc85610957565b8060005b8581101561071857848403895281516106f98582610674565b94506107048361097d565b925060208a019950506001810190506106e0565b50829750879550505050505092915050565b600061073582610972565b61073f818561099b565b935061074f818560208601610aa6565b61075881610b98565b840191505092915050565b600061076e82610972565b61077881856109ac565b9350610788818560208601610aa6565b61079181610b98565b840191505092915050565b600060c0830160008301516107b46000860182610697565b5060208301516107c76020860182610697565b5060408301516107da604086018261082c565b50606083015184820360608601526107f2828261072a565b9150506080830151610807608086018261082c565b5060a083015184820360a086015261081f828261072a565b9150508091505092915050565b61083581610a57565b82525050565b61084481610a57565b82525050565b600060c08201905061085f60008301896106a6565b61086c6020830188610688565b610879604083018761083b565b818103606083015261088b8186610763565b905061089a608083018561083b565b81810360a08301526108ac8184610763565b9050979650505050505050565b600060208201905081810360008301526108d381846106b5565b905092915050565b60006020820190506108f0600083018461083b565b92915050565b6000604051905081810181811067ffffffffffffffff8211171561091d5761091c610b69565b5b8060405250919050565b600067ffffffffffffffff82111561094257610941610b69565b5b601f19601f8301169050602081019050919050565b6000819050602082019050919050565b600081519050919050565b600081519050919050565b6000602082019050919050565b600082825260208201905092915050565b600082825260208201905092915050565b600082825260208201905092915050565b60006109c882610a57565b91506109d383610a57565b9250827fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff03821115610a0857610a07610b0b565b5b828201905092915050565b6000610a1e82610a37565b9050919050565b6000610a3082610a37565b9050919050565b600073ffffffffffffffffffffffffffffffffffffffff82169050919050565b6000819050919050565b6000610a6c82610a73565b9050919050565b6000610a7e82610a85565b9050919050565b6000610a9082610a37565b9050919050565b82818337600083830152505050565b60005b83811015610ac4578082015181840152602081019050610aa9565b83811115610ad3576000848401525b50505050565b60006002820490506001821680610af157607f821691505b60208210811415610b0557610b04610b3a565b5b50919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b6000601f19601f8301169050919050565b610bb281610a25565b8114610bbd57600080fd5b50565b610bc981610a57565b8114610bd457600080fd5b5056fea2646970667358221220b18a46d9cfa8af7df4b0c8506355a64cba7415077b4175184b924303dfd76ec664736f6c63430008000033", 137 | "deployedBytecode": "0x608060405234801561001057600080fd5b50600436106100415760003560e01c806327506f53146100465780632e7700f014610064578063cc2d7ead14610082575b600080fd5b61004e61009e565b60405161005b91906108b9565b60405180910390f35b61006c6102e1565b60405161007991906108db565b60405180910390f35b61009c600480360381019061009791906105e1565b6102ea565b005b60606001805480602002602001604051908101604052809291908181526020016000905b828210156102d857838290600052602060002090600602016040518060c00160405290816000820160009054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020016001820160009054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001600282015481526020016003820180546101ab90610ad9565b80601f01602080910402602001604051908101604052809291908181526020018280546101d790610ad9565b80156102245780601f106101f957610100808354040283529160200191610224565b820191906000526020600020905b81548152906001019060200180831161020757829003601f168201915b505050505081526020016004820154815260200160058201805461024790610ad9565b80601f016020809104026020016040519081016040528092919081815260200182805461027390610ad9565b80156102c05780601f10610295576101008083540402835291602001916102c0565b820191906000526020600020905b8154815290600101906020018083116102a357829003601f168201915b505050505081525050815260200190600101906100c2565b50505050905090565b60008054905090565b60016000808282546102fc91906109bd565b9250508190555060016040518060c001604052803373ffffffffffffffffffffffffffffffffffffffff1681526020018673ffffffffffffffffffffffffffffffffffffffff16815260200185815260200184815260200142815260200183815250908060018154018082558091505060019003906000526020600020906006020160009091909190915060008201518160000160006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff16021790555060208201518160010160006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff16021790555060408201518160020155606082015181600301908051906020019061043b9291906104ac565b506080820151816004015560a08201518160050190805190602001906104629291906104ac565b5050507f416cfa4330a4565f45c2fd2dd4826a83a37443aba2ce6f79477c7355afac35fa33858585428660405161049e9695949392919061084a565b60405180910390a150505050565b8280546104b890610ad9565b90600052602060002090601f0160209004810192826104da5760008555610521565b82601f106104f357805160ff1916838001178555610521565b82800160010185558215610521579182015b82811115610520578251825591602001919060010190610505565b5b50905061052e9190610532565b5090565b5b8082111561054b576000816000905550600101610533565b5090565b600061056261055d84610927565b6108f6565b90508281526020810184848401111561057a57600080fd5b610585848285610a97565b509392505050565b60008135905061059c81610ba9565b92915050565b600082601f8301126105b357600080fd5b81356105c384826020860161054f565b91505092915050565b6000813590506105db81610bc0565b92915050565b600080600080608085870312156105f757600080fd5b60006106058782880161058d565b9450506020610616878288016105cc565b935050604085013567ffffffffffffffff81111561063357600080fd5b61063f878288016105a2565b925050606085013567ffffffffffffffff81111561065c57600080fd5b610668878288016105a2565b91505092959194509250565b6000610680838361079c565b905092915050565b61069181610a61565b82525050565b6106a081610a13565b82525050565b6106af81610a13565b82525050565b60006106c082610967565b6106ca818561098a565b9350836020820285016106dc85610957565b8060005b8581101561071857848403895281516106f98582610674565b94506107048361097d565b925060208a019950506001810190506106e0565b50829750879550505050505092915050565b600061073582610972565b61073f818561099b565b935061074f818560208601610aa6565b61075881610b98565b840191505092915050565b600061076e82610972565b61077881856109ac565b9350610788818560208601610aa6565b61079181610b98565b840191505092915050565b600060c0830160008301516107b46000860182610697565b5060208301516107c76020860182610697565b5060408301516107da604086018261082c565b50606083015184820360608601526107f2828261072a565b9150506080830151610807608086018261082c565b5060a083015184820360a086015261081f828261072a565b9150508091505092915050565b61083581610a57565b82525050565b61084481610a57565b82525050565b600060c08201905061085f60008301896106a6565b61086c6020830188610688565b610879604083018761083b565b818103606083015261088b8186610763565b905061089a608083018561083b565b81810360a08301526108ac8184610763565b9050979650505050505050565b600060208201905081810360008301526108d381846106b5565b905092915050565b60006020820190506108f0600083018461083b565b92915050565b6000604051905081810181811067ffffffffffffffff8211171561091d5761091c610b69565b5b8060405250919050565b600067ffffffffffffffff82111561094257610941610b69565b5b601f19601f8301169050602081019050919050565b6000819050602082019050919050565b600081519050919050565b600081519050919050565b6000602082019050919050565b600082825260208201905092915050565b600082825260208201905092915050565b600082825260208201905092915050565b60006109c882610a57565b91506109d383610a57565b9250827fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff03821115610a0857610a07610b0b565b5b828201905092915050565b6000610a1e82610a37565b9050919050565b6000610a3082610a37565b9050919050565b600073ffffffffffffffffffffffffffffffffffffffff82169050919050565b6000819050919050565b6000610a6c82610a73565b9050919050565b6000610a7e82610a85565b9050919050565b6000610a9082610a37565b9050919050565b82818337600083830152505050565b60005b83811015610ac4578082015181840152602081019050610aa9565b83811115610ad3576000848401525b50505050565b60006002820490506001821680610af157607f821691505b60208210811415610b0557610b04610b3a565b5b50919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b6000601f19601f8301169050919050565b610bb281610a25565b8114610bbd57600080fd5b50565b610bc981610a57565b8114610bd457600080fd5b5056fea2646970667358221220b18a46d9cfa8af7df4b0c8506355a64cba7415077b4175184b924303dfd76ec664736f6c63430008000033", 138 | "linkReferences": {}, 139 | "deployedLinkReferences": {} 140 | } 141 | -------------------------------------------------------------------------------- /client/src/utils/constants.js: -------------------------------------------------------------------------------- 1 | import abi from './Transactions.json' 2 | 3 | export const contractABI = abi.abi 4 | export const contractAddress = '0xCa7B8EAA14112D0349956ce0fDDAc4c231887ec4' -------------------------------------------------------------------------------- /client/src/utils/dummyData.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | id: 1, 4 | url: "https://metro.co.uk/wp-content/uploads/2015/05/pokemon_crying.gif?quality=90&strip=all&zoom=1&resize=500%2C284", 5 | message: "", 6 | timestamp: "12/21/2021, 4:33:21 PM", 7 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 8 | amount: "0.01", 9 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 10 | }, 11 | { 12 | id: 2, 13 | url: "https://media4.popsugar-assets.com/files/2013/11/07/832/n/1922398/eb7a69a76543358d_28.gif", 14 | message: "", 15 | timestamp: "12/21/2021, 4:33:21 PM", 16 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 17 | amount: "0.01", 18 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 19 | }, 20 | { 21 | id: 3, 22 | url: "https://acegif.com/wp-content/uploads/gif-shaking-head-38.gif", 23 | message: "", 24 | timestamp: "12/21/2021, 4:33:21 PM", 25 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 26 | amount: "0.01", 27 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 28 | }, 29 | { 30 | id: 4, 31 | url: "https://i.pinimg.com/originals/68/a0/9e/68a09e774e98242871c2db0f99307420.gif", 32 | message: "", 33 | timestamp: "12/21/2021, 4:33:21 PM", 34 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 35 | amount: "0.01", 36 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 37 | }, 38 | { 39 | id: 5, 40 | url: "https://i.pinimg.com/originals/73/d3/a1/73d3a14d212314ab1f7268b71d639c15.gif", 41 | message: "", 42 | timestamp: "12/21/2021, 4:33:21 PM", 43 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 44 | amount: "0.01", 45 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 46 | }, 47 | { 48 | id: 6, 49 | url: "https://www.omnisend.com/blog/wp-content/uploads/2016/09/funny-gifs-9.gif", 50 | message: "", 51 | timestamp: "12/21/2021, 4:33:21 PM", 52 | addressFrom: "0xCF8e569A97C423952DdFf902375C7C76549A6A90", 53 | amount: "0.01", 54 | addressTo: "0x8aa395Ab97837576aF9cd6946C79024ef1acfdbE", 55 | }, 56 | ]; -------------------------------------------------------------------------------- /client/src/utils/shortenAddress.js: -------------------------------------------------------------------------------- 1 | export const shortenAddress = (address) => `${address.slice(0, 5)}...${address.slice(address.length - 4)}` -------------------------------------------------------------------------------- /client/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"], 3 | mode: "jit", 4 | darkMode: false, // or 'media' or 'class' 5 | theme: { 6 | fontFamily: { 7 | display: ["Open Sans", "sans-serif"], 8 | body: ["Open Sans", "sans-serif"], 9 | }, 10 | extend: { 11 | screens: { 12 | mf: "990px", 13 | }, 14 | keyframes: { 15 | "slide-in": { 16 | "0%": { 17 | "-webkit-transform": "translateX(120%)", 18 | transform: "translateX(120%)", 19 | }, 20 | "100%": { 21 | "-webkit-transform": "translateX(0%)", 22 | transform: "translateX(0%)", 23 | }, 24 | }, 25 | }, 26 | animation: { 27 | "slide-in": "slide-in 0.5s ease-out", 28 | }, 29 | }, 30 | }, 31 | variants: { 32 | extend: {}, 33 | }, 34 | plugins: [require("@tailwindcss/forms")], 35 | }; -------------------------------------------------------------------------------- /client/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()] 7 | }) 8 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "my-app", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.17.0", 7 | "@testing-library/react": "^13.4.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "react": "^18.3.1", 10 | "react-dom": "^18.3.1", 11 | "react-scripts": "5.0.1", 12 | "web-vitals": "^2.1.4" 13 | }, 14 | "scripts": { 15 | "start": "react-scripts start", 16 | "build": "react-scripts build", 17 | "test": "react-scripts test", 18 | "eject": "react-scripts eject" 19 | }, 20 | "eslintConfig": { 21 | "extends": [ 22 | "react-app", 23 | "react-app/jest" 24 | ] 25 | }, 26 | "browserslist": { 27 | "production": [ 28 | ">0.2%", 29 | "not dead", 30 | "not op_mini all" 31 | ], 32 | "development": [ 33 | "last 1 chrome version", 34 | "last 1 firefox version", 35 | "last 1 safari version" 36 | ] 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /smart_contract/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .env 3 | coverage 4 | coverage.json 5 | typechain 6 | 7 | #Hardhat files 8 | cache 9 | artifacts 10 | -------------------------------------------------------------------------------- /smart_contract/README.md: -------------------------------------------------------------------------------- 1 | # Basic Sample Hardhat Project 2 | 3 | This project demonstrates a basic Hardhat use case. It comes with a sample contract, a test for that contract, a sample script that deploys that contract, and an example of a task implementation, which simply lists the available accounts. 4 | 5 | Try running some of the following tasks: 6 | 7 | ```shell 8 | npx hardhat accounts 9 | npx hardhat compile 10 | npx hardhat clean 11 | npx hardhat test 12 | npx hardhat node 13 | node scripts/sample-script.js 14 | npx hardhat help 15 | ``` 16 | -------------------------------------------------------------------------------- /smart_contract/contracts/Transactions.sol: -------------------------------------------------------------------------------- 1 | // SPDX-License-Identifier: UNLICENSED 2 | 3 | pragma solidity ^0.8.0; 4 | 5 | contract Transactions { 6 | uint256 transactionCount; 7 | 8 | event Transfer(address from, address receiver, uint amount, string message, uint256 timestamp, string keyword); 9 | 10 | struct TransferStruct { 11 | address sender; 12 | address receiver; 13 | uint amount; 14 | string message; 15 | uint256 timestamp; 16 | string keyword; 17 | } 18 | 19 | TransferStruct[] transactions; 20 | 21 | function addToBlockchain(address payable receiver, uint amount, string memory message, string memory keyword) public { 22 | transactionCount += 1; 23 | transactions.push(TransferStruct(msg.sender, receiver, amount, message, block.timestamp, keyword)); 24 | 25 | emit Transfer(msg.sender, receiver, amount, message, block.timestamp, keyword); 26 | } 27 | 28 | function getAllTransactions() public view returns (TransferStruct[] memory) { 29 | return transactions; 30 | } 31 | 32 | function getTransactionCount() public view returns (uint256) { 33 | return transactionCount; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /smart_contract/hardhat.config.js: -------------------------------------------------------------------------------- 1 | // https://eth-ropsten.alchemyapi.io/v2/8acZqKS_YebUPsHmYZ5Hrz_nZ3W9HRaa 2 | 3 | require('@nomiclabs/hardhat-waffle') 4 | 5 | module.exports = { 6 | solidity: '0.8.0', 7 | networks: { 8 | ropsten: { 9 | url: 'https://eth-ropsten.alchemyapi.io/v2/8acZqKS_YebUPsHmYZ5Hrz_nZ3W9HRaa', 10 | accounts: [ '9e368efa22330b47b48d96a9fe1426bac7653b2bd8b20250b7000cac1e7b41ed' ] 11 | } 12 | } 13 | } -------------------------------------------------------------------------------- /smart_contract/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "smart_contract", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC", 12 | "devDependencies": { 13 | "@nomiclabs/hardhat-ethers": "^2.0.4", 14 | "@nomiclabs/hardhat-waffle": "^2.0.2", 15 | "chai": "^4.3.4", 16 | "ethereum-waffle": "^3.4.0", 17 | "ethers": "^5.5.3", 18 | "hardhat": "^2.8.3" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /smart_contract/scripts/deploy.js: -------------------------------------------------------------------------------- 1 | const main = async () => { 2 | const Transactions = await hre.ethers.getContractFactory("Transactions"); 3 | const transactions = await Transactions.deploy(); 4 | 5 | await transactions.deployed(); 6 | 7 | console.log("Transactions deployed to:", transactions.address); 8 | } 9 | 10 | const runMain = async () => { 11 | try { 12 | await main(); 13 | process.exit(0); 14 | } catch (error) { 15 | console.error(error); 16 | process.exit(1); 17 | } 18 | } 19 | 20 | runMain(); -------------------------------------------------------------------------------- /smart_contract/test/sample-test.js: -------------------------------------------------------------------------------- 1 | const { expect } = require("chai"); 2 | const { ethers } = require("hardhat"); 3 | 4 | describe("Greeter", function () { 5 | it("Should return the new greeting once it's changed", async function () { 6 | const Greeter = await ethers.getContractFactory("Greeter"); 7 | const greeter = await Greeter.deploy("Hello, world!"); 8 | await greeter.deployed(); 9 | 10 | expect(await greeter.greet()).to.equal("Hello, world!"); 11 | 12 | const setGreetingTx = await greeter.setGreeting("Hola, mundo!"); 13 | 14 | // wait until the transaction is mined 15 | await setGreetingTx.wait(); 16 | 17 | expect(await greeter.greet()).to.equal("Hola, mundo!"); 18 | }); 19 | }); 20 | --------------------------------------------------------------------------------

29 | 30 |

{title}

24 | Services that we 25 | 26 | continue to improve 27 |

Latest Transactions

Connect your account to see the latest transactions

42 | Send Crypto across the world 43 |

24 | Services that we 25 |
26 | continue to improve 27 |

42 | Send Crypto
across the world 43 |