Gif Portal build using solana, anchor, web3 and react

Overview

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 including links of gifs and vote information is saved on solana blockchain.

Note: To make it work switch the network of phantom wallet to devnet.

To run the dapp

cd app

yarn install (Run this command only once)

yarn start

To re-build smart contract after modification

In Root folder:

yarn install (Run this command only once)

Then after each update in smart contract (present in programs/myepicproject/lib.rs) run:

anchor build

Get the new program id:

solana address -k target/deploy/myepicproject-keypair.json

Update this new program id in

1> Anchor.toml

myepicproject = "new program id"

2> lib.rs

declare_id!("new program id");

Build Again:

anchor build

Copy the content of idl file (target/idl/myepicproject.json) to app/src/idl.json file

You might also like...
Ethereum's missing NFT swap library for web3 developers. Written in TypeScript. Powered by 0x.
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.

Create a Web3 Forum with Polygon

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

This is the FARM Stack course, where you are going to learn how to build an application from scratch using FASTAPI, React and mongoDB

This is the FARM Stack course, where you are going to learn how to build an application from scratch using FASTAPI, React and mongoDB

A Comments App Build Using React.js
A Comments App Build Using React.js

In this project, let's build a Comments App by applying the concepts we have learned till now. Refer to the image below: Design Files Click to view Ex

Build blazing fast, modern apps and websites with React

Gatsby v2 ⚛️ 📄 🚀 Fast in every way that matters Gatsby is a free and open source framework based on React that helps developers build blazing fast w

A reference project to build a React Redux app in TypeScript, and deploy to GCP Cloud Run

A reference project to build a React Redux app in TypeScript, and deploy to GCP Cloud Run

This Project is a fork of Ethereum Boilerplate and demonstrates how you can build your own NFT Rarity Ranker.
This Project is a fork of Ethereum Boilerplate and demonstrates how you can build your own NFT Rarity Ranker.

This Project is a fork of Ethereum Boilerplate and demonstrates how you can build your own NFT Rarity Ranker.

Remove unnecessary React propTypes from the production build. :balloon:

babel-plugin-transform-react-remove-prop-types Remove unnecessary React propTypes from the production build. Installation npm install --save-dev babel

An easy way to build Rarity games with React

rarity-react An easy way to build Rarity games with React. It started with a simple app... I wanted to see my summoners and the prizes they'd won whil

Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom Code examples to go with the blog post available here Prereq

Nader Dabit 436 Dec 31, 2022
A simple Solana program to vote for your favorite type of peanut butter. Built with Anchor and React.

Cruchy vs Smooth V2 A simple Solana program to vote for your favorite type of peanut butter. Built with Anchor and React. This is a follow up to a pre

Brian Friel 45 Oct 12, 2022
_buildspace - web3 Read/Write Solana Blockchain Project

_buildspace - web3 Read/Write Solana Blockchain Project

Benny 2 Aug 28, 2022
Super simple react-anchor tutorial

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

null 21 Dec 13, 2022
This is a proof of concept of an NFT vending machine built using Solana Pay, Metaplex, Phantom Mobile, and Next.js

Solana NFT Vending Machine This is a proof of concept of an NFT vending machine built using Solana Pay, Metaplex, Phantom Mobile, and Next.js. This wa

Matt Rosenzweig 55 Dec 15, 2022
⛵️ A React library for Solana account management and transaction processing.

sail ⛵️ A React library for Solana account management and transaction handling. Usage import { SailProvider } from "@saberhq/sail";

Saber 77 Dec 30, 2022
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

Sunrit Jana 4 Jan 1, 2022
Auth Service sample source. It supports Solana and EVM-compatiable chains

This repository is Auth Service sample source. It supports Solana and EVM-compatiable chains, more chains and more features coming soon! Learn more visit Particle Network.

Particle Network 7 Aug 20, 2022
Solana Wallet Auth: A FullStack example

This example uses Solana's wallet adapter to sign messages and verifies their signatures on the backend, allowing for a lean way to authenticate users without the need for web2 credentials like email/password combinations or social providers, in this scenario all you have to do is connect your wallet and sign interaction messages to be properly authenticated.

Kevin Rodríguez 19 Dec 20, 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