A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain.

Last update: Jul 27, 2022

Property DAPP

A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain.

Frontend

  • App.js file holds a single page application
  • Smart contract functions
    • loadWeb3 - initialize web3 and contracts
    • getInitialData - get property and purchase lists
    • buyProperty - new buy property transaction on the blockchain
    • setPropertyAvailability - modify availability of property on the blockchain

Contracts

Contracts are located in the src/contracts folder

  • Registry.sol
  • Property.sol

The ABIs for the contracts are located in src/abis folder

Setup

  • Install node.js
  • Run npm install from project root to install packages
  • Create a .env file in project root like the following and put your contract addresses
PROPERTY_CONTRACT_ADDRESS=<here>
REGISTRY_CONTRACT_ADDRESS=<here>
  • Install metamask, setup account
  • Set network on metamask to 'Rinkeby Test Network' (if you deployed smart contracts to rinkeby). Might need to enable test networks in settings.
  • Run npm start to run server and visit http://locahost:3000/
  • Should get prompted by metamask to connect to the website. Accept it and you're good to go!

GitHub

https://github.com/Tahmeed156/property-dapp
You might also like...

A fullstack DApp NFT Marketplace Made with NodeJS, Hardhat, Solidity, ReactJS, NextJS and Vercel.

A fullstack DApp NFT Marketplace Made with NodeJS, Hardhat, Solidity, ReactJS, NextJS and Vercel.

🖼️ NFT Marketplace This is a fullstack DApp NFT Marketplace built as a study project to learn more about blockchain and smart contract development. M

Jun 5, 2022

Neoo: a Web3 Blockchain application that aims to ease crypto transactions between digital wallets

Neoo: a Web3 Blockchain application that aims to ease crypto transactions between digital wallets

Neoo Neoo is a Web3 Blockchain application that aims to ease crypto transactions

Jun 14, 2022

NFT-Marketplace-React-Dapp: An NFT Marketplace Decentralized app with Polygon blockchain network

NFT-Marketplace-React-Dapp: An NFT Marketplace Decentralized app with Polygon blockchain network

An NFT Marketplace Decentralized app with Polygon blockchain network having basic functionalities such as acquire and mint NFTs …

Jul 20, 2022

Building a Web3 NFT Minting Dapp with React, TS, Vite, Vitest, Hardhat

Vite-react-ts-hardhat-web3-NFT tutorial building a Web3 NFT Minting Dapp with React, TS, Vite, Vitest, Hardhat Requirements git if you've installed co

Jul 12, 2022

First iteration of karenplanas.com built with React and hosted with AWS

First iteration of karenplanas.com built with React and hosted with AWS

First iteration of karenplanas.com built with React and hosted with AWS

May 3, 2022

Flame is self-hosted startpage for your server. Easily manage your apps and bookmarks with built-in editors.

Flame is self-hosted startpage for your server. Easily manage your apps and bookmarks with built-in editors.

Flame Description Flame is self-hosted startpage for your server. Its design is inspired (heavily) by SUI. Flame is very easy to setup and use. With b

Aug 8, 2022

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Mar 23, 2022

Absence Manager - a simple database frontend app written in TypeScript using mainly React and Redux, hosted on Heroku

Absence Manager is a simple database frontend app written in TypeScript using mainly React and Redux, hosted on Heroku. The employee absence information were displayed using the Absence Manager API and Axios to fetch data. TailwindCSS was used for the generating css elements and making the components responsive.

Jun 3, 2022

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Jul 30, 2022
Web3.0 - A web3.0 project with solidity and react
Web3.0 - A web3.0 project with solidity and react

?? Tecnologias e recursos utilizados no projeto Esse projeto foi desenvolvido co

Apr 5, 2022
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Aug 1, 2022
A Checkers game built to demonstrate Mina Snapps Smart Contracts at work

Mina CheckerSnapp A Checkers game built to demonstrate Mina Snapps Smart Contracts at work. Game works according to the rules other than the following

Mar 28, 2022
React Truffle Box - Start using smart contracts from a react app

This box comes with everything you need to start using smart contracts from a react app. This is as barebones as it gets, so nothing stands in your way.

Feb 15, 2022
A Vite React app using Metamask wallet, connected to the block-chain, interaction with smart contracts
A Vite React app using Metamask wallet, connected to the block-chain, interaction with smart contracts

It is a Vite React app using Metamask wallet, connected to the block-chain, interaction with smart contracts. Using Giphy API and styled with Tailwind CSS.

Feb 25, 2022
A fork of Ethereum Boilerplate and demostrates how to build upgradeable smart contracts by showcasing it in the form of a simple NFT minter dAp
A fork of Ethereum Boilerplate and demostrates how to build upgradeable smart contracts by showcasing it in the form of a simple NFT minter dAp

This repository contains tutorial on building Upgradable Smart Contracts and showcasing it with a simple NFT Minter dApp with React and Moralis.

Jul 18, 2022
A simple react app which reads block data from the ethereum blockchain using web3.js
A simple react app which reads block data from the ethereum blockchain using web3.js

This is a very simple web application which reads block data from the ethereum blockchain (testnet) using web3.js. Web3.js is a library which provides

Nov 20, 2021
NFT Marketplace on Ethereum Blockchain based on course. Made in React/Next JS, Solidity and Typescript.

This is a Next.js project. Full process and video lectures how to create the application can be found here: NFT Marketplace in React, Typescript & Sol

Jul 28, 2022
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

Jul 28, 2022
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

Jul 28, 2022