Frontend landing page for Bento's Klaytn Launch in Klaymakers 2022

Overview

Bento Dashboard for Klaytn Fi+

Cover

Frontend landing page for Bento's Klaytn Launch in Klaymakers 2022

🏛️ Licensing

  • All our branding resources(such as trademarks, assets, and design) are copyright of Inevitable, all rights reserved. Other third-party assets and brand logos included in this repository are the copyright of their rightful owners.

  • The project is licensed under the Mozilla Public License Version 2.0. You must include this license and copyright notice if you use this work. This also means that you'll have to notify changes and open-source your work(the modified software) in the same license(or, in certain cases, one of the GNU licenses).

Copyright (c) 2022 Inevitable

Team Information

Inevitable is an organization that shapes the future. We're a team of builders who made their brands, young talents who grow faster than anyone else, the best professionals in the field who experienced early startups to unicorns, and web3 protocols powering DeFi.

Background

The team believes in the future of modular blockchain. Instead of gathering everything in one chain, all apps and chains will distribute the functions they can do well to each other and do it where they can.

Builders who want short finality and high TPS can use Klaytn. Developers who wish to guarantee code safety will use Move to deploy on Sui and Aptos. And if you want to leverage shared security and IBC, you might deploy your own chain with the Cosmos SDK.

The choice is up for each application. The space will continue to expand as more and more apps/chains launch.

However, data(assets, actions, and information) should move seamlessly and freely between them. For instance, we cannot use one's wallet address to represent a "user." Users will spread their activity through multiple wallet addresses in various chains. We will gather information on the blockchain into one in the long run, starting with collecting these wallets and using them to define the true user identity.

The Status Quo

All dashboard services out there are either:

  • Associated with specific Layer-1 chains built by the same team or shared VCs, making them move timid outside their ecosystem.
  • Maintained as close source software; Development is centralized to the team. Want your protocol listed? You have to depend on the team to add support

Mission

  • Make every user track every asset they own, regardless of chains and types
  • Make any builder add support for their protocol/app freely
  • Provide social profiles(badges and accounts) based on web3

For this, we'll be building consistent, building public.

Features for the Hackathon

Group all your cross-chain wallets

After receiving proof("signatures") that cryptographically proves the signer's ownership of each wallet, Bento registers new "users" and save wallets under that identity.

List all of your tokens/NFTs

  • Bento aggregates balance/price information for each token using various indexers and Tendermint RPCs. We sometimes query contracts/LP pools directly.

Dashboard for DeFi Statistics (*Supports Klaytn Fi+s Only)

  • This feature is exclusively made for this Hackathon. We collected the most commonly used and easily integrated DeFi protocols on Klaytn by TVL(Total Value Locked). KLAYswap, KokonutSwap, Swapscanner, and KLAYSTATION.

  • You can connect your Klaytn account, and Bento automatically fetches data from each staking pool and show the results, containing LP tokens unbonded, amount and valuation for each state(staking, unstaking, and rewarding)

  • For this, we built and open-sourced klaytn-multicall(click for GitHub link), which is an client SDK for the Multicall contract that supports caver-js right out of the box. This is used for reducing node queries and receiving data from the same block to provide clear criteria.

  • Currently, the data fetchers are written inside our serverless APIs in our monorepo(You can view them on GitHub), but we'll soon detach them into another repo called "adapters." Anyone can write an adapter, test it locally, and then make a PR to our repo to add support to Bento. DefiLlama used the same way to have 1.14k contributors to support 1955 DeFi protocols from over 145 other blockchains.

Bento Badges

"We’re making the home of soulbound tokens—not bound to your wallet, but to your true identity"

Future: as an identity chain

So we now have an abstraction layer of user identity. We have plans to decentralize the entire protocol as an application-specific blockchain(m based on the Cosmos SDK and Tendermint consensus; User identifiers as Accounts, wallet validation requests as Messages, and validation logic as Modules. Users will group accounts and activities into a single Bento account.

Third-party apps will be able to consume, relay, and commit data to the identity chain with all cross-chain identities and actions.

Community

You might also like...

Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

 Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

✨ Free Next.js marketing website template for SaaS startups ✨ Everything you need to build a great landing page / marketing website for your startup.

Nov 5, 2022

🧙‍♂️ The landing page repository for the Nemeton Program

🧙‍♂️ The landing page repository for the Nemeton Program

Nemeton Landing Page 🧙 Landing Page repository for the Nemeton program - the OKP4 incentivized testnet program. Purpose Here you'll find the source c

Dec 15, 2022

The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Nov 15, 2022

O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

Projeto HTML 100% Javascript Front-end feito "sem HTML" Conteúdos ➜ Sobre o projeto ➜ O que aprendi ➜ Como usar 🔎 Sobre o projeto Voltar ao topo O ob

Aug 3, 2021

Reddit Page CLONE using Angular! A repository to contribute at hacktoberfest 2022. Make sure to share love by giving it a star.🌟 Have a great day!

Reddit Page CLONE using Angular! A repository to contribute at hacktoberfest 2022. Make sure to share love by giving it a star.🌟 Have a great day!

Reddit_tool Reddit Site CLONE using Angular, Springboot and Swagger OpenAI ! Introduction This project was developed with the following technologies:

Oct 20, 2022

Frontend Mentor - E-commerce product page solution

Frontend Mentor - E-commerce product page solution

Frontend Mentor - E-commerce product page solution This is a solution to the E-commerce product page challenge on Frontend Mentor. Frontend Mentor cha

Nov 2, 2022

Next.js landing pages with two axios carousel

Next.js landing pages with two axios carousel SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action. Deployed from sanity.i

Mar 30, 2022

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

Threejs + GSAP + WEBGi 100% Free Course This is a template used in my fast course "building scrolable pages with ScrollTrigger and Threejs" for a vani

Dec 17, 2022

DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!

DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!

DripUI - Tailwind Components DripUI is an amazing collection of free UI components to help you develop projects faster and easier. The most elegant co

Nov 27, 2022
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 7% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/assets/staking.png | 140.47kb | 105.72kb | 24.73% | | /src/assets/dashboard.png | 475.41kb | 431.35kb | 9.27% | | /src/assets/arrow.png | 1,046.23kb | 981.35kb | 6.20% | | /src/assets/nfts.png | 2,080.07kb | 1,963.30kb | 5.61% | | | | | | | Total : | 3,742.17kb | 3,481.72kb | 6.96% |


    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 1
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 7% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/assets/title-left-bento.png | 546.10kb | 486.37kb | 10.94% | | /src/assets/title-right-klaytn.png | 227.95kb | 212.54kb | 6.76% | | /src/assets/lime.png | 545.69kb | 509.07kb | 6.71% | | /src/assets/background.png | 3,991.77kb | 3,730.98kb | 6.53% | | /src/assets/wallet.png | 705.86kb | 663.25kb | 6.04% | | /src/assets/bitcoin.png | 631.31kb | 593.72kb | 5.95% | | | | | | | Total : | 6,648.68kb | 6,195.94kb | 6.81% |


    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 1
Owner
Inevitable (Bento)
⚡️ The team of web3 builders and also the universe — not tied by borders, laws, or to any L1
Inevitable (Bento)
🥁 Batch contract/on-chain queries to the same block. Multicall SDK for the Klaytn blockchain.

Klaytn Multicall Built for inevitable-changes/bento Inspired by makerdao/multicall and dopex-io/web3-multicall ?? Installation # Yarn yarn install kla

Inevitable (Bento) 4 Nov 7, 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
Use javascript and css to build a StreetFighter Ryu,walk,jump,basic punch kick,launch fireball and dragon punch.

SFRyu Use javascript and css to build a StreetFighter Ryu,walk,jump,basic punch kick,launch fireball and dragon punch. 因為小時候就很喜歡玩快打旋風,於是用Javascript,CS

null 21 Sep 1, 2022
A landing page, as well as a results page, that utliize both Yelp API and Google Maps API.

Economic Eats Group Project #1 Maintained By: Austin Donovan John Hysong John Guzzetta Jahnathan Exantus Description This project contains a landing p

John Guzzetta IV 7 Aug 4, 2022
Full-Stack Web & Mobile Developer Portfolio (Landing Page only)

[DRAFT] Full-Stack Web & Mobile Developer Portfolio (Landing Page only) ?? Contact me at: LinkedIn My company's website Project Description ⚠️ Nothing

algife 1 Feb 7, 2022
Landing Page for Villagers.finance Play To Earn WEB3 Game, NFT Based.

create-svelte Everything you need to build a Svelte project, powered by create-svelte. Creating a project If you're seeing this, you've probably alrea

Ahmed DEMIAI 9 Sep 15, 2022
Landing page using Next.js and Tailwind

This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve

climax1115 23 Nov 27, 2022
Landing page using Next.js and Tailwind

This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve

climax1115 17 Aug 4, 2022