GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bdjukic → react-ethereum-ipfs

bdjukic / react-ethereum-ipfs

Licence: other
This is a starter kit for a demo dApp using React, Ethereum and IPFS

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

reactethereumipfsblockchain

Projects that are alternatives of or similar to react-ethereum-ipfs

drive
Fission Drive 🗄
Stars: ✭ 21 (+16.67%)
Mutual labels:  ipfs
go-multiverse
Decentralized Version Control System
Stars: ✭ 76 (+322.22%)
Mutual labels:  ipfs
js-ipfs-utils
IPFS utils
Stars: ✭ 17 (-5.56%)
Mutual labels:  ipfs
ipfs-companion
Browser extension that simplifies access to IPFS resources on the web
Stars: ✭ 1,745 (+9594.44%)
Mutual labels:  ipfs
lucky
Proof of luck Intel SGX and IPFS based blockchain.
Stars: ✭ 70 (+288.89%)
Mutual labels:  ipfs
pop
Run a point-of-presence within Myel, the community powered content delivery network.
Stars: ✭ 28 (+55.56%)
Mutual labels:  ipfs
demo-ipfs-id-qr-codes
Generates a QR Code of your IPNS URL and Public Key
Stars: ✭ 21 (+16.67%)
Mutual labels:  ipfs
s3x
s3x is a minio gateway providing an S3 API powered by TemporalX that uses IPFS as the data storage layer. It lets you turn any S3 application into an IPFS application with no change in application design
Stars: ✭ 85 (+372.22%)
Mutual labels:  ipfs
js-ipfs-mfs
[ARCHIVED] now part of the https://github.com/ipfs/js-ipfs repo
Stars: ✭ 27 (+50%)
Mutual labels:  ipfs
advanced-react-native-boilerplate
[DEPRECATED] React Native boilerplate including react-navigation, redux, and sagas with example Textile management.
Stars: ✭ 20 (+11.11%)
Mutual labels:  ipfs
Starlog
Starlog: Metadata Blockchain based on Substrate
Stars: ✭ 32 (+77.78%)
Mutual labels:  ipfs
dtinyurl
Dcentralized url shortening service base on ipfs
Stars: ✭ 19 (+5.56%)
Mutual labels:  ipfs
vocdoni-node
A set of libraries and tools for the Vocdoni decentralized backend infrastructure, the main ground of our universally verifiable, privacy-centric and scalable digital voting protocol
Stars: ✭ 58 (+222.22%)
Mutual labels:  ipfs
likecoin-wordpress
The WordPress plugin to integrate LikeCoin - Decentralized Publishing Infrastructure.
Stars: ✭ 19 (+5.56%)
Mutual labels:  ipfs
go-ipfs-recovery
Data recovery for IPFS protocol.
Stars: ✭ 16 (-11.11%)
Mutual labels:  ipfs
good-karma-kit
😇 A Docker Compose bundle to run on servers with spare CPU, RAM, disk, and bandwidth to help the world. Includes Tor, ArchiveWarrior, BOINC, and more...
Stars: ✭ 238 (+1222.22%)
Mutual labels:  ipfs
filecoin-box
Filecoin flavored Ganache Truffle box
Stars: ✭ 23 (+27.78%)
Mutual labels:  ipfs
pc
people's cloud: using the ideas of botnets for good
Stars: ✭ 31 (+72.22%)
Mutual labels:  ipfs
ipfs-encrypted-share
IPFS Encrypted Share
Stars: ✭ 14 (-22.22%)
Mutual labels:  ipfs
ipfs-browser-gateway
An IPFS gateway without server, by utilizing service worker.
Stars: ✭ 31 (+72.22%)
Mutual labels:  ipfs
View All Similar Projects ➔

Installation:

  1. Install Metamask wallet as a browser extension: https://metamask.io/
  2. Install Node.js: https://nodejs.org/en/download/package-manager/
  3. Install React: https://reactjs.org/docs/installation.html#installing-react
  4. Install Material UI: https://www.npmjs.com/package/material-ui
  5. Install local Ethereum test network: https://www.npmjs.com/package/truffle-testrpc
  6. Install IPFS: https://github.com/ipfs/go-ipfs#install

Configure IPFS

  1. Run ipfs init
  2. ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '["*"]'
  3. ipfs config --json Gateway.HTTPHeaders.Access-Control-Allow-Origin '["*"]'
  4. Run ipfs daemon

Running the dApp:

  1. Spin off your Ethereum test network by running testrpc
  2. Switch your Ethereum network in MetaMask to localhost
  3. Take the first private key from the list and use it in MetaMask wallet (make sure you're using private network on localhost)
  4. Deploy the contract to blockchain with Remix (https://remix.ethereum.org)
  5. Update the contract address in /web/App.js
  6. Go to /web/ folder
  7. npm install
  8. npm start

Listing tomatos

alt tag

Adding new tomatos

alt tag

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].