A Web3 Social Network Boilerplate Using React.js

Overview

web3-social-network-boilerplate

This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Web3 Ethereum Social Network. This project of course work on any EVM-compatible blockchain such as Polygon, Avalanche, Binance Smart Chain and other such chains.

social

โญ๏ธ Star us

If this boilerplate helps you build Ethereum dapps faster - please star this project, every star makes us very happy!

๐Ÿค How to get help

If you have any questions or need help running this project please don't hesitate to ask in our forum. We are monitoring it 24/7 and are here to help you get up to speed.

๐Ÿš€ Quick Start

๐Ÿ“„ Clone or fork web3-social-network-boilerplate:

git clone https://github.com/ethereum-boilerplate/web3-social-network-boilerplate

๐Ÿ’ฟ Install all dependencies:

cd web3-social-network-boilerplate
yarn install 

โœ Rename .env.example to .env in the main folder and provide your appId and serverUrl from Moralis (How to start Moralis Server) Example:

REACT_APP_MORALIS_APPLICATION_ID = xxxxxxxxxxxx
REACT_APP_MORALIS_SERVER_URL = https://xxxxxx.grandmoralis.com:2053/server

๐Ÿ“„ Set your Contract

- Deploy smart contracts from this folder https://github.com/ethereum-boilerplate/web3-social-network-boilerplate/tree/main/smart%20contracts
- Add some categories through the addCategory function.
- Set listeners in the Moralis Server to sync all your contracts events.
- Add your contract address in MoralisDappProvider.js contract address as the default value of the state

๐Ÿšดโ€โ™‚๏ธ Run your App:

yarn start
You might also like...
A highly scalable boilerplate with pre added web3 and different wallets

NFT-Dapp-Boilerplate Start your next dapp / defi project in seconds A highly scalable boilerplate with pre added web3 and different wallets with a foc

Pet project using web3 to interact with Metamask and NeKoCoin

NekoCoin pet project A pet project for interact with ERC20 Neko Token on Binance Testnet Hand-crafted from scratches with ReactJS, Webpack, TailwindCS

A cloud and react based network
A cloud and react based network

Around Description Around is a full-stack web application for people to share photos/videos and publish posts. The frontend is built with React, and t

Dapp-core-components - A library that holds the core logic of a dapp on the Elrond Network with an example to get started easily

A library that holds the core logic of a dapp on the Elrond Network with an example to get started easily

Decentralized Social Media web app using Ethereum Blockchain.
Decentralized Social Media web app using Ethereum Blockchain.

Decentralized Social Media web app using Ethereum Blockchain. Team Details Team Name : TECH MINDS Project Name : CryptoGram Stack Used: Blockchain Liv

Www-react-postgres - A complete template for 2022 focused on around React, Postgres and various web3 integrations
Www-react-postgres - A complete template for 2022 focused on around React, Postgres and various web3 integrations

WWW-REACT-POSTGRES What is this for? This template is for making a good website

Build a simple React / Web3 Dapp that replicates a small portion of the Uniswap v2 interface
Build a simple React / Web3 Dapp that replicates a small portion of the Uniswap v2 interface

Today we're going to build a simple React / Web3 Dapp that replicates a small portion of the Uniswap v2 interface - specifically, we are building the

Simple react web3 login for dapp
Simple react web3 login for dapp

Simple react web3 login for dapp

A web3 chat app built with react native
A web3 chat app built with react native

web3-chat-app-react-native This project is a fork of Ethereum React Native Boilerplate and shows how you can easily create your own Web3 Etherium Mobi

Comments
  • How to deploy these smart contracts on Testnet?

    How to deploy these smart contracts on Testnet?

    truffle deploy command only compiles and deploys MetaCoin but not the decentradit.sol. Can someone suggest the best way to deploy on testnet and get contact addresses to be added to the Moralis watch and sync events.

    opened by nzee 2
  • cant see the post or categories on frontend

    cant see the post or categories on frontend

    I have deployed the Decentradit contract on rinkeby testnet and also verified that , here is the verified link and added the contract address on MoralisDappProvider.js and const [contractAddress, setContractAddress] = useState( '0x77f4c668502C32deF96E39cC37Ee2dC1A3879D80', ) set that to the contractAddress default value and also write new categories via etherscan, but cant see them on frontend :(

    what do I need to do? Can anyone help me

    444

    opened by MatheeshaMe 1
Owner
Ethereum Boilerplates
Collecting all Ethereum Boilerplates in order to accelerate Ethereum development process and enable faster development cycles. Feel free to fork or contribute!
Ethereum Boilerplates
Web3 Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3modal

Web3 Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3modal

ETH Salt Lake 8 Nov 1, 2022
null 19 Nov 13, 2022
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.

Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install

Denys Voloshyn 3 Aug 25, 2022
Web3-nft-dapp-tutorial - A simple web3 app for minting NFTs

Web3 - Full Tutorial The demo contains a basic web3 app and smart contract for m

Fireship 197 Nov 16, 2022
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

Albenis Kรซrqeli 30 Sep 3, 2022
Stram-social-messenger - Social messenger app using stream API

Stream Chat Messaging Example App Is your core product something that would bene

Ashutosh Mohanty 7 Nov 20, 2022
A simple Ethereum prediction market boilerplate build on top of Moralis Web3 SDK + Ethereum Boilerplate + Chainlink + OpenZeppelin. Happy BUIIDL!

ethereum-prediction-market-boilerplate This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Ethereum Prediction M

Ethereum Boilerplates 39 Nov 9, 2022
Fyodor Simonov 3 Apr 15, 2022
Boilerplate for Truffle, Web3.js, React, Redux Toolkit

Truffle, React, Redux Toolkit, Web3.js boilerplate What it's for Currently, it's a nightmare and takes forever trying to get React working with Truffl

Adrian Delgado 29 Jun 9, 2022
dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js, React, Material Design and Typescript

dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3-react (beta).

ETH Salt Lake 8 Nov 1, 2022