Module not found: Error: Can't resolve 'http' in '/home/[email protected]/Downloads/decentragram/node_modules/web3-providers-http/lib'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
- install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "http": false }

TypeError: decentragram.uploadImage is not a function

Invalid type for argument in function call. Invalid implicit conversion from address to address payable requested.
`pragma solidity >=0.5.0;

contract Decentragram {
string public name;
uint256 public imageCount = 0;
mapping(uint256 => Image) public images;

struct Image {
    uint256 id;
    string hash;
    string description;
    uint256 tipAmount;
    address payable author;
}

event ImageCreated(
    uint256 id,
    string hash,
    string description,
    uint256 tipAmount,
    address payable author
);

event ImageTipped(
    uint256 id,
    string hash,
    string description,
    uint256 tipAmount,
    address payable author
);

constructor() public {
    name = "Decentragram";
}

function uploadImage(string memory _imgHash, string memory _description)
    public
{
    // Make sure the image hash exists
    require(bytes(_imgHash).length > 0);
    // Make sure image description exists
    require(bytes(_description).length > 0);
    // Make sure uploader address exists
    require(msg.sender != address(0));

    // Increment image id
    imageCount++;

    // Add Image to the contract
    images[imageCount] = Image(
        imageCount,
        _imgHash,
        _description,
        0,
        msg.sender
    );
    // Trigger an event
    **emit ImageCreated(imageCount, _imgHash, _description, 0, msg.sender);**

//the error is just because msg.sender is address and we can't pass an address to address payable
}

function tipImageOwner(uint256 _id) public payable {
    // Make sure the id is valid
    require(_id > 0 && _id <= imageCount);
    // Fetch the image
    Image memory _image = images[_id];
    // Fetch the author
    address payable _author = _image.author;
    // Pay the author by sending them Ether
    address(_author).transfer(msg.value);

//"send" and "transfer" are only available for objects of type "address payable", not "address".

    // Increment the tip amount
    _image.tipAmount = _image.tipAmount + msg.value;
    // Update the image
    images[_id] = _image;
    // Trigger an event
    emit ImageTipped(
        _id,
        _image.hash,
        _image.description,
        _image.tipAmount,
        _author
    );
}

}
`

is it possible to change the tip using our custom bep20/ erc20 contract / token instead of eth/BNB?

When I upload and run the website it only displays the most recently uploaded image, and none of the other previously uploaded images. Even if it has the most tips it just shows a tiny icon for a image not the actual image uploaded. I figured it would be in app.js to configure but I cannot find a way as of now.

While uploading image i am receiving error saying project id required.
is it necessary to create account in infura ipfs as it asks for credit card details.

I get this error

Compiling your contracts...

Everything is up to date, there is nothing to compile.

Contract: Decentragram
1) "before all" hook in "Contract: Decentragram"

0 passing (38ms)
1 failing

1. Contract: Decentragram
   "before all" hook in "Contract: Decentragram":
   Error: Decentragram has not been deployed to detected network (network/artifact mismatch)
   at Object.checkNetworkArtifactMatch (/usr/local/lib/node_modules/truffle/build/webpack:/packages/contract/lib/utils/index.js:249:1)
   at Function.deployed (/usr/local/lib/node_modules/truffle/build/webpack:/packages/contract/lib/contract/constructorMethods.js:84:1)
   at process._tickCallback (internal/process/next_tick.js:68:7)