Simple Blockchain Post Web Application

NOTE:

I AM NOT AFFILIATED TO ANY OF THE LINKS PROVIDED BELOW. ALL LINKS ARE FOR EDUCATIONAL AND DEVELOPMENT PURPOSES

Description
- About
- Technologies Used
Launching the application
Live Version of the application

Description 📖

About

This is a simple Blockchain based application with a smart contract deployed on the Ethereum Goerli Test Network. The smart contract allows users to post any message with their name on the Goerli network and also retrieve all posts.

NOTE: Only posts of a particular (your) address can be retrieved

Technologies Used ⚙👩‍💻

Blockchain and Backend

Remix

This was used to write and deploy the smart contract.

Metamask

A Signer and Provider platform (software wallet) for reading and writing data to any selected Blockchain network.

Frontend

Ethers node package

An open source library similar to web3.js that allows developers to interact with the Ethereum blockchain.

React node package

An open source frontend JavaScript library for building user interfaces based on UI components.

All Dev dependencies listed in the package.json file

"devDependencies": {
        "@babel/core": "^7.19.1",
        "@babel/preset-env": "^7.19.1",
        "@babel/preset-react": "^7.18.6",
        "babel-loader": "^8.2.5",
        "html-webpack-plugin": "^5.5.0",
        "webpack": "^5.74.0",
        "webpack-cli": "^4.10.0",
        "webpack-dev-server": "^4.11.0"
    },

The above are used as a simpler alias to the CRA command.

Launching the application 💻

Installing Metamask

Follow the instruction on this article to install metamask

After installing, switch metamask network from Ethereum mainnet to the Goerli network and use Goerli faucet page to get some fake Eth

Cloning the project

On your terminal run the command git clone https://github.com/E-Zbox/simple_blockchain_post_application
cd into the newly cloned project

Installing application dependencies

Installing Node In case you don't have NodeJS or npm installed, go to NodeJS website and install the correct version for your machine.

Check your node version and make sure it is compatible

node --version
v14.17.6

npm --version
6.14.15

Installing Project Node dependencies

While in the project directory on your terminal, run npm install to install all the project dependencies

Running the application

npm serve on your terminal to spin up a local webpack server for the application

Navigate to localhost:[PORT] on your browser to see your local version of the application.

Congratulations 🎉🎆you just finished installing and running the application.

Connect your metamask address to the Goerli network and use your address with the fake Goerli Ether to interact with the application

Live Version of the Application 🌐

coming soon

E-Zbox/simple_blockchain_post_application