🏗 scaffold-eth - OptimisticLoogies V2

https://optimistic.loogies.io/

Loogies with a smile on Optimism network.

Original Demo Video: https://youtu.be/PiwJsoURECg?t=542

🏄‍♂️ Quick Start

Prerequisites

This branch is an extension of loogie-svg-nft branch (watch its demo to understand more about it).

Node plus Yarn and Git

Getting Started

Installation

Manual setup

clone/fork 🏗 scaffold-eth optimistic-loogies-master branch:

git clone -b optimistic-loogies-master https://github.com/scaffold-eth/scaffold-eth.git optimistic-loogies-master

install and start your 👷‍ Hardhat chain:

cd optimistic-loogies-master
yarn install
yarn chain

in a second terminal window, start your 📱 frontend:

cd optimistic-loogies-master
yarn start

in a third terminal window, 🛰 deploy your contract:

cd optimistic-loogies-master
yarn deploy

🌍 You need an RPC key for production deployments/Apps, create an Alchemy account and replace the value of ALCHEMY_KEY = xxx in packages/react-app/src/constants.js

🔏 Edit your smart contracts packages/hardhat/contracts.

📝 Edit your frontend App.jsx in packages/react-app/src

💼 Edit your deployment scripts in packages/hardhat/deploy

📱 Open http://localhost:3000 to see the app

Introduction

This branch shows how to set up an SVG NFT contract so that other NFTs can use it in their SVG code. This leads to an easy composition of SVG NFTs.

Take a look at Loogies.sol at packages/hardhat/contracts. It describes an SVG NFT that is defined by two parameters: color and chubbiness randomly generated at mint. It exposes a function:

function renderTokenById(uint256 id) public view returns (string memory)

It returns the relevant SVG that be embedded in other SVG code for rendering.

Automated with Gitpod

To deploy this project to Gitpod, click this button:

📚 Documentation

Documentation, tutorials, challenges, and many more resources, visit: docs.scaffoldeth.io

🔭 Learning Solidity

📕 Read the docs: https://docs.soliditylang.org

📚 Go through each topic from solidity by example editing YourContract.sol in 🏗 scaffold-eth

• Primitive Data Types
• Mappings
• Structs
• Modifiers
• Events
• Inheritance
• Payable
• Fallback

📧 Learn the Solidity globals and units

🛠 Buidl

Check out all the active branches, open issues, and join/fund the 🏰 BuidlGuidl!

• 🚤 Follow the full Ethereum Speed Run

• 🎟 Create your first NFT

• 🥩 Build a staking smart contract

• 🏵 Deploy a token and vendor

• 🎫 Extend the NFT example to make a "buyer mints" marketplace

• 🎲 Learn about commit/reveal

• ✍️ Learn how ecrecover works

• 👩‍👩‍👧‍👧 Build a multi-sig that uses off-chain signatures

• ⏳ Extend the multi-sig to stream ETH

• ⚖️ Learn how a simple DEX works

• 🦍 Ape into learning!

💬 Support Chat

Join the telegram support chat 💬 to ask questions and find others building with 🏗 scaffold-eth!

---

🙏 Please check out our Gitcoin grant too!