An overly simplified Angular tool for interacting with Smart Contracts, demod at ng-conf 2022.

Overview

AngularOperator

This is a sample repo and tool created for ng-conf 2022.

It contains a normal Angular app designed to interact with the blockchain.

It also includes sample Solidity code for a fair Raffle using Chainlink VRF.

Check out the Chainlink Getting Started documentation for more context and background help.

There are lots of valid approaches and tools to building blockchain applications, and this is just one simple example built using Angular and web3.js. If you are intersted to learn more, reach out to Stephen on Twitter!

How to use this demo

Simply run the Angular app and make sure you have a wallet and you should be able to connect to and play with the ng-conf example code.

How to use this demo with your own contracts

Copy the finished FairRaffle.sol into an IDE like Remix. You could also start from the unfinished VRFv2Consumer.sol and build your own Raffle.

Visit vrf.chain.link and create and fund a subscription on Fuji. Remember your subscription ID.

Replace 376 with your subscription ID in the solidity contract.

Deploy your contract to the Fuji Testnet using Remix, and then copy the contract address.

Allow your contract access to your subscription by creating a consumer for your VRF subscription on vrf.chain.link with your contract address.

Launch the Angular Blockchain Operator app with ng serve or yarn start, then paste in your ABI from Remix into the ABI Manager, and paste the contract address of your new ABI on the home page.

When you click connect, you'll be able to interact with your smart contract based on the ABI of the contract you built.

You might also like...

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

Crowdcoin ♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS. Project from "Ethereum and Solidity: T

Dec 14, 2022

Cooperative databases using smart contracts.

Cooperative databases using smart contracts.

Vitra ██╗ ██╗██╗████████╗██████╗ █████╗ ██║ ██║██║╚══██╔══╝██╔══██╗██╔══██╗ ██║ ██║██║ ██║ ██████╔╝███████║ ╚██╗ ██╔╝██║ ██║ ██╔══██╗██

Dec 30, 2022

Run CosmWasm smart contracts in Node.js and web browsers

Run CosmWasm smart contracts in Node.js and web browsers

Nov 25, 2022

A 'to do list' powered by Ethereum smart contracts

A 'to do list' powered by Ethereum smart contracts. built with JavaScript, Ganache, Truffle, Node.js, Metamask, jQuery, and Bootstrap

Feb 17, 2022

Context-aware smart contracts for blockchain IoT systems

Context-aware smart contracts for blockchain IoT systems It contains 2 directories: contracts: contains the ContextAwareSmartContract.sol contract wit

Jun 17, 2022

This is the main repository for NFT collection dao smart contracts.

Basic Sample Hardhat Project This project demonstrates a basic Hardhat use case. It comes with a sample contract, a test for that contract, a sample s

Apr 11, 2022

Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collections

eznft Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collec

Sep 21, 2022

a quick start boilerplate for developing web3 apps and deploying smart contracts.

create-web3 A boilerplate for starting a web3 project. This boilerplate quickly creates a mono repo with 2 environments, a Next JS environment for fro

Dec 16, 2022

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

👷‍♂️ NFTank 🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few click

Nov 8, 2022
Owner
Stephen Fluin
hi!
Stephen Fluin
Compile-time tests for types. Useful to make sure types don't regress into being overly-permissive as changes go in over time.

expect-type Compile-time tests for types. Useful to make sure types don't regress into being overly-permissive as changes go in over time. Similar to

Misha Kaletsky 82 Jan 8, 2023
⚔️ Peripheral contracts for interacting with Saber.

saber-periphery Peripheral contracts for interacting with Saber. Programs Package Description Version Docs add-decimals Wraps another token to give it

Saber 22 Dec 12, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

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

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Find your next tech conf :)

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Lorena GM 5 Nov 15, 2022
Vercel NextJS Conf Prism + P5.js flashlight tracking

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

Chun Rapeepat 5 Oct 27, 2022
This is a CI/CD and version controlling tool for smart contracts which is an award winning project built for ETHPrague Hackaton.

Inspiration Alfred is built-in version control and CI/CD system for your smart contracts. It uses proxy contract and a DAO to upgrade or downgrade you

Mete Karasakal 10 Aug 30, 2022
A collection of smart contracts for the Stackup platform 🤖 📑

Contracts A collection of smart contracts for the Stackup platform. Dev Blog Deployed Contracts See releases for deployed contracts of previous versio

Stackup 16 Nov 29, 2021
Ethereum Smart Contracts for locking your Ether and ERC20 tokens based on time and price conditions

SmartHold - a simple way to lock and hold your ETH or ERC20 in a smart contract This is a BETA software that has not been audited for security. USE AT

Paweł Urbanek 22 May 5, 2022