2187Nick/scaffold-eth-db

🏗 Scaffold-ETH-Database-v1

Scaffold-ETH stack plus Deta.sh NoSQL database! 🚀

🧪 Quickly deploy and experiment with Solidity using a frontend that adapts to your smart contract 🧪 And a free unlimited storage backend:

🏄‍♂️ Quick Start

Create a free account on deta.sh. Requires only an email address.

confirm your email then login to your deta account:

A page will display your project key. Copy and save this key.

Code Prerequisites: Node (v16 LTS) plus Yarn and Git

clone/fork 🏗 scaffold-eth-db:

git clone https://github.com/2187Nick/scaffold-eth-db.git

install and start your 👷‍ Hardhat chain:

cd scaffold-eth-db
yarn install
yarn chain

💼 Add your Deta project key in packages/react-app/.env

in a second terminal window, start your 📱 frontend:

cd scaffold-eth-db
yarn start

in a third terminal window, 🛰 deploy your contract:

cd scaffold-eth-db
yarn deploy

📱 Open http://localhost:3000 to see the app. Click "Grab Funds from Faucet"

To test the database we will write a message on the blockchain. Type message then click Send Message:

code: await database.put({sender: update.from, message: newPurpose});

Verify the data was written to your Deta database:

Fetch Data pulls all data from the database:

code: await database.fetch();

Next enter a message to pull it's details stored in the database.

To create a new database enter a name and click Create.

10 seconds later it will appear in the dropdown menu.

Select the new database and send a new message. Check Deta to verify the new database was created.

In v2 we will deploy an Express.js API running on our free Deta virtual machine.

📚 Additional

🔏 Edit your smart contract YourContract.sol in packages/hardhat/contracts

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

💼 Edit your deployment scripts in packages/hardhat/deploy

📚 Documentation

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

🍦 Other Flavors

• scaffold-eth-typescript
• scaffold-eth-tailwind
• scaffold-nextjs
• scaffold-chakra
• eth-hooks
• eth-components
• scaffold-eth-expo
• scaffold-eth-truffle

🔭 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!

💌 P.S.

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

📣 Make sure you update the InfuraID before you go to production. Huge thanks to Infura for our special account that fields 7m req/day!

🏃💨 Speedrun Ethereum

Register as a builder here and start on some of the challenges and build a portfolio.

💬 Support Chat

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

---

🙏 Please check out our Gitcoin grant too!

Automated with Gitpod