{"id":17455585,"url":"https://github.com/lorem-ipsumm/eth-global-hackathon","last_synced_at":"2025-03-28T05:14:53.260Z","repository":{"id":232280622,"uuid":"782759716","full_name":"lorem-ipsumm/eth-global-hackathon","owner":"lorem-ipsumm","description":"Seamlessly craft shareable UIs for on-chain contracts with intuitive drag-and-drop tooling.","archived":false,"fork":false,"pushed_at":"2024-04-21T15:53:44.000Z","size":1009,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T06:09:46.871Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dapp-canvas.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lorem-ipsumm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-06T00:56:23.000Z","updated_at":"2024-04-21T06:49:37.000Z","dependencies_parsed_at":"2024-10-20T07:59:04.737Z","dependency_job_id":"98064507-ce8d-47fc-b777-5f50ca3baa9b","html_url":"https://github.com/lorem-ipsumm/eth-global-hackathon","commit_stats":null,"previous_names":["lorem-ipsumm/eth-global-hackathon"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorem-ipsumm%2Feth-global-hackathon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorem-ipsumm%2Feth-global-hackathon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorem-ipsumm%2Feth-global-hackathon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorem-ipsumm%2Feth-global-hackathon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lorem-ipsumm","download_url":"https://codeload.github.com/lorem-ipsumm/eth-global-hackathon/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245972748,"owners_count":20702723,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-18T02:04:42.881Z","updated_at":"2025-03-28T05:14:53.238Z","avatar_url":"https://github.com/lorem-ipsumm.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Welcome to Dapp Canvas\n\nFor our hackathon project, we created a custom UI builder meant to support an underlying smart contract defined by a user. The idea is to allow users to input any smart contract address who’s ABI will be fetched from an applicable block explorer, and then widgets can be created and moved around the live editor and can hook into the underlying smart contract. Users can customize which widgets they’d like to use and which widget will correspond to which function within the smart contract. The user can also add widgets that do not interact with the smart contract for customization purposes. These widgets include, text boxes, shapes, images and gifs. After a user finishes customizing their UI, they have the option to publish it. Publishing it will generate a link \u0026 will store the metadata for all canvas widgets on Filecoin. \u003cbr\u003e\n\u003cbr\u003e\nOne benefit to Dapp Canvas is that smart contract developers will be able to create light weight UIs to interact with their smart contracts deployed to testnets. This would give them an alternative to creating numerous scripts, or having to reshuffle an existing complex UI if they already had one established. An additional use case would be creating UIs on top of protocols that offer fee generation specifically for building UIs on top of said protocol. This would give users a simple no code solution to get started.\u003cbr\u003e\n\u003cbr\u003e\n\n**Imagination is the only limitation**\n\n# Tech Stack\n- Filecoin: Used to store user created widget metadata. Once the site is published, widget data is fetched from Filecoin and used to build the widgets clientside.\n- Next.JS: Used as a frontend framework.\n- TailwindCSS: Used as a styling framework.\n- EtherJS: Used for contract interaction.\n- Arbiscan: Used to fetch ABI data for on-chain contracts.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florem-ipsumm%2Feth-global-hackathon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Florem-ipsumm%2Feth-global-hackathon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florem-ipsumm%2Feth-global-hackathon/lists"}