E Sports Betting Stream

• 

  Logo, Light-mode

• 

  Logo, Dark-mode

Inspiration

A new method combining esports streaming and allowing users to earn a side income via cryptocurrency.

What it does

The app allows streamers to create an account and create a bet pool on our smart contract. The streamer can then invite viewers to place bets and close the betting window when they are reading to compete. At the conclusion of the game, our app updates the bet result and Chainlink Automation pays out the winning bets.

How we built it

We made a smart contract that facilitates the transactions between pool creators, users, Chainlink Automation, and our app. We worked with our designer to plan user flow. We began implementation of the front end using NextJS, Clerk for user authentication, and Supabase for our database.

Challenges we ran into

Choosing a project was the first challenge. Deciding on the best way to get riot games api data into our smart contract has been the biggest challenge. Although we had access to Chainlink Function, it still proved difficult to implement for our use case. Our current solution is a sort of web2/web3 hybrid.

Another challenge was that we were all working in different time zones, as well as internationally!

Accomplishments that we're proud of

We are proud that we were able to get started on a cool project that we plan to continue after the hackathon is concluded.

What we learned

Practical applications need access to off-chain data. Chain Link is working to make this easier for developers, and we were impressed with the progress with Chain Link Functions. None of us have implemented a real-time chat feature into an app before, so it was a big achievement.

What's next for e-sports-betting

We will continue to build out our MVP and possibly inquire to see if there are any streamers interested in using our platform.

What is in the code

Here you will find the app, with the landing page and viewer page. https://github.com/Natha-T/hackathon-spring-2023-frontend

Here you will find the live chat feature. https://github.com/alntruong/hackathon-spring-2023-frontend

Here you will find the Chainlink starter kit for the smart contract implementation(v1). https://github.com/guitarkeegan/Chainlink-Hackathon-Spring-2023-backend

Here you will find the prototype page components. https://www.figma.com/file/13bybIFr0m8ucnDCXw81gz/Chain-Link-Hackathon-2023-Esports-Betting-Stream?type=design&node-id=0-1

Here you will find the planning, user journey map, etc. https://www.figma.com/file/eoXllAn9wWYmvFubk60aGM/Chain-Link-Hackathon-2023?type=whiteboard&node-id=0%3A1&t=YaqobcRpnVppj7V3-1

Here you will find the full animated demo. https://www.figma.com/proto/13bybIFr0m8ucnDCXw81gz/Chain-Link-Hackathon-2023-Esports-Betting-Stream?page-id=0%3A1&type=design&node-id=1-3&viewport=2264%2C2682%2C0.28&scaling=scale-down&starting-point-node-id=1%3A3

Built With

• clerk
• hardhat
• nextjs
• quicknode
• riot-games
• solidity
• supabase
• tailwind