A Web3 Social Network Boilerplate Using React.js

Last update: Jun 19, 2022

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

GitHub

https://github.com/ethereum-boilerplate/web3-social-network-boilerplate
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

May 21, 2022

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

Jan 19, 2022

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

Jan 20, 2022

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

Feb 6, 2022

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

May 19, 2022

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

Jun 20, 2022

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

Jun 23, 2022

Simple react web3 login for dapp

Simple react web3 login for dapp

Simple react web3 login for dapp

Jun 6, 2022

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

May 25, 2022
Comments
  • 1. 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.

    Reviewed by nzee at 2021-11-24 12:54
  • 2. 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

    Reviewed by Praveen-47 at 2022-03-01 12:13
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

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

May 23, 2022
Jun 14, 2022
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.
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

May 4, 2022
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind
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

May 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

Jun 20, 2022
Stram-social-messenger - Social messenger app using stream API

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

May 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

Jun 19, 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

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).

May 23, 2022