Create a Web3 Forum with Polygon

Overview

Create a Web3 Forum with Polygon

Tutorial Details

Today we're going to build together a fullstack decentralized forum that can be used in any dapp.

See the full tutorial here -> https://www.pointer.gg/tutorials/create-a-web3-forum-with-polygon/1cb8f005-08f4-48a2-9d82-cd963e16f7f1

Overview

To us at Pointer, one of the most interesting aspects of web3 is that it facilitates developers to build and share composable behaviors around databases.

Anyone can dig up a smart contract on GitHub, deploy it, and have their own microservice running in seconds.

Not only that, but the stable API exposed by a smart contract is a blank canvas on top of which any frontend developer in the community can build and share components.

In that spirit, today we're going to build a deployable smart contract and an accompanying React component to add comment threads to your dapps.

In theory this could be open sourced and published as an npm package to allow any developer to quickly add a forum to their dapp.

Here's what we're going to build:

forum-demo.mov

Visit the tutorial to get started https://www.pointer.gg/tutorials/create-a-web3-forum-with-polygon/1cb8f005-08f4-48a2-9d82-cd963e16f7f1

You might also like...
Youtube Tutorial showcasing how to create a fullstack NFT mingint dapp.
Youtube Tutorial showcasing how to create a fullstack NFT mingint dapp.

Emoji Faces NFT Minting dApp This a complete example of fullstack NFT minting dApp. EmojiFaces is built with the purpose of providing an entry point f

A web application that allows you to create and share wall of gifs! Built on top of solana blockchain.

Wall of gif with Solana A web application that allows you to create and share wall of gifs! Built on top of solana blockchain. Installation and Usage

How to create modular Elm code that scales nicely with your app

Elm Elm is a programming language that compiles to JavaScript. It is known for its friendly error messages, helping you find issues quickly and refact

React-Login-app - Create a Login and Registration Page with React Router
React-Login-app - Create a Login and Registration Page with React Router

About In this repo I was given a Task to create a Login and Registration page wh

Aviasales React-Redux-MobX- - A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

NativeWind uses Tailwind CSS as high-level scripting language to create a universal design system

NativeWind Note tailwindcss-react-native is current working on v2, which includes a renaming of the project to NativeWind! NativeWind is still under d

whatscode.js is a package to create Whatsapp bots easily and quickly, even coding experience is not really needed...
whatscode.js is a package to create Whatsapp bots easily and quickly, even coding experience is not really needed...

whatscode.js is a package to create Whatsapp bots easily and quickly, even coding experience is not really needed...

Easily download Figma and create SVGs components for Vue, React, Angular and more to come

Easily download Figma and create SVGs components for Vue, React, Angular.

Comments
  • Remove React.FunctionalComponent from tutorial components

    Remove React.FunctionalComponent from tutorial components

    General consensus today is that React.FunctionComponent (or the shorthand React.FC) is discouraged.

    More info: https://github.com/facebook/create-react-app/pull/8177 https://github.com/typescript-cheatsheets/react https://medium.com/raccoons-group/why-you-probably-shouldnt-use-react-fc-to-type-your-react-components-37ca1243dd13

    opened by alejandromcsd 0
Owner
pointer
Learn web3 dev and earn crypto rewards for sharing your knowledge
pointer
Ethereum's missing NFT swap library for web3 developers. Written in TypeScript. Powered by 0x.

NFT Swap SDK _The missing NFT swap SDK for Ethereum and EVM compatible chains, powered by the 0x protocol, written in TypeScript for web3 developers.

trader.xyz 182 Sep 24, 2022
_buildspace - web3 Read/Write Solana Blockchain Project

_buildspace - web3 Read/Write Solana Blockchain Project

Benny 2 Aug 28, 2022
Gif Portal build using solana, anchor, web3 and react

Features of the dapp View Popular Dance Moves Gifs Vote for your favorite Gifs Add link of your favorite dance gif on the portal All the data includin

Anshul Goel 6 May 14, 2022
NFT Marketplace prototype using Typescript, WalletConnect, Metamask, Web3, Solidity, React and Storybook

ERC721 NFT Marketplace Prototype of a NFT Marketplace based on openZeppelin abstract upgradeable ERC721 contracts and Minting/uploading images to IPFS

CryptoMoon 3 Jul 4, 2022
📑 A React component to easily create demos of other components

React DemoTab ?? A React component to easily create demos of other components Install npm install react-demo-tab Demo DemoTab example Example import R

mkosir 31 Aug 20, 2022
:speech_balloon: Easy way to create conversation chats

React Simple Chatbot A simple chatbot component to create conversation chats Getting Start npm install react-simple-chatbot --save Usage There are sev

Lucas Bassetti 1.5k Sep 27, 2022
Create guided tours in your apps

React Joyride Create awesome tours for your app! Showcase your app to new users or explain functionality of new features. It uses react-floater for po

Gil Barbara 4.8k Sep 27, 2022
JSONX - Create React Elements, JSX and HTML from JSON

JSONX Description JSONX is a module that creates React Elements, JSX and HTML from JSON. Declarative The JSONX UMD comes with batteries included so yo

Repetere 131 Sep 24, 2022
React project with Google Firebase API, create partys with admin view and user view. Users can ask topics to admin, and support other topics.

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript ?? Como executar Clone o projeto e acesse a pasta

Felipe Souza 3 Aug 27, 2021
A drum machine built with React using the Create React App toolchain.

drum-machine A simple drum machine built with React using the Create React App toolchain. Getting Started Clone or download the repository. Open a com

Ryan Schafer 1 Dec 30, 2021