Tip Tweet is a hybrid dApp that provides a simple way to tip a tweet using Ethereum. Authors can claim their tips using their Twitter account. You only need the tweet URL to tip. ๐Ÿš€ ๐Ÿ˜Ž

Overview

Tip Tweet

Table of Contents

About

Tip Tweet is hybrid dApp that allows users to tip a tweet with crypto currency without needing the author's wallet address or any other information but the tweet URL. The author can claim the tip just by logging with their Twitter account. It's under development and currently only supports Ethereum. At the moment it uses Rinkeby network.

Folder structure

  • root: contains the smart contract development environment. It uses Hardhat.
  • app: contains the app to interact with the contract developed with Next.js and Supabase.

Contract Development

The root directory contains the smart contract development environment. It uses Hardhat. as mentioned above. To set up the development environment, run the following command in the root directory:

npm install
## or
yarn

Now you can compile, test and deploy the contract.

Compiling the contract

in the root directory, run the following command:

npx hardhat compile

Testing the contract

in the root directory, run the following command:

npx hardhat test

Deploying the contract

in the root directory, run the following command:

npx hardhat run scripts/deploy.ts --network <network>

Copying contract ABI to the app

Every time you compile a new version of the contract you will need to provide the ABI of the contract to the app. To do so, run the following command in the root directory:

make abi

Starting the App

To start the app to interact with the contract on the blockchain, you need to cd app and run the following command:

To install the dependencies, run:

npm install
## or
yarn

To start it:

npm run dev
## or
yarn dev

Usage

Under construction.

Comments
  • Update tip to claimed=true once its been claimed

    Update tip to claimed=true once its been claimed

    At the moment we are listing all tips a user has received but we are not updating them to claimed once theyve been claimed. An idea would be to update a tip to claimed=true after its been claimed and then use a filter (!tip.claimed) when rendering the tips.

    enhancement 
    opened by diasjuniorr 0
  • Integrate the app to polygon and fantom chains

    Integrate the app to polygon and fantom chains

    Right now the fees are too high for the ethereum chain. One alternative would be integrating the app to polygon and fantom chains, which have way cheaper fees for transactions.

    • [ ] Create function to change between contract address based on the users connected chain.
    • [ ] Create event listeners for metamask chain changing. That way we can change the contract address dynamically.
    enhancement 
    opened by diasjuniorr 3
  • Refact

    Refact

    We have some refactoring to do:

    • [ ] Create a function to validade the eth amount provided.
    • [ ] Create a Connect Wallet button. We have duplicated code for the home page and the tips page.
    • [ ] Remove all unused code/functions
    • [ ] Refact the useEffect for logging users.
    refact 
    opened by diasjuniorr 0
  • Add loading state to claim tip button

    Add loading state to claim tip button

    Right now the UX for a user waiting for the claim tip transaction to be done is bad. We need the button to change to a loading message while the transaction is being mined.

    ui/ux 
    opened by diasjuniorr 0
  • Add navbard to list page

    Add navbard to list page

    Currently we have no way of logging out or going back to the home page if we are at /tips.

    We should have a nav bar with a logo redirecting to the home page (on the left) and a log out button on the right (also redirecting to the home page)

    enhancement ui/ux 
    opened by diasjuniorr 0
Owner
Dias Junior
Brazilian full stack developer. Focused on backend serverless development. Currently having fun with Node.js and Go.
Dias Junior
TRAB is a Chrome extension that gives you a single button to mark tweet as spam, and block the tweet's creator

TRAB - Tweet Reporter and Blocker TRAB is a Chrome extension that gives you a single button to do two things with a single click: Mark a Tweet as spam

Amit Ruparel 16 May 4, 2022
A REST API which provides you the information of any discord account including their Spotify & VS-Code activity!

Friday A REST API which provides you the information of any discord account including their Spotify & VS-Code activity! This is an open sourced reposi

Ayan 5 Jan 4, 2023
FortBlog adds a nice UI where you can manage a publication of any size with posts, pages, tags, and authors

FortBlog adds a nice UI where you can manage a publication of any size with posts, pages, tags, and authors. You can add photos, code blocks, featured images, social media & SEO attributes, embedded HTML (YouTube Videos, Embedded Podcasts Episodes, Tweets, ...), and markdown! Dark & Light modes available so everyone is happy

Haseeb Ahmad 11 Jan 2, 2023
Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.

Elven Tools Dapp Docs: elven.tools/docs/landing-page.html Demo: dapp-demo.elven.tools Sneak peek: youtu.be/ATSxD3mD4dc The Dapp is built using Nextjs

Elven Tools 24 Jan 1, 2023
This Application provides basic authentication features like you can register and create account and then login and access your profile.

Authentication API This Application provides basic authentication features like you can register and create account and then login and access your pro

Rohan Kulkarni 1 Jan 17, 2022
Piccloud is a full-stack (Angular & Spring Boot) online image clipboard that lets you share images over the internet by generating a unique URL. Others can access the image via this URL.

Piccloud Piccloud is a full-stack application built with Angular & Spring Boot. It is an online image clipboard that lets you share images over the in

Olayinka Atobiloye 3 Dec 15, 2022
A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js

Twitter Broadcasts Search A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js. Live

Mohammad Mousad 2 Oct 6, 2022
The friendly way to accept tips in ETH.

?? cryptip.me The friendly way to accept tips in ETH. It's free, and no setup required. cryptip.me/your-ens-or-wallet-address Getting Started Project

spidฮžy 11 Sep 23, 2022
It is an app that allows you to create lists of books and authors made in the course of Microverse. This project was develop using JavaScript, HTML and CSS.

AWESOME BOOKS This is an Awesome book store project that add store and diplay books on the UI. Built With HTML,CSS, JavaScript Frameworks Github, Lint

JUSTINE IMASIKU 5 Jul 28, 2022
๐ŸŒฑ Ethereum provider solution for Dapp&Wallets, ๐Ÿท If you have good suggestions, please submit issues

English | ็ฎ€ไฝ“ไธญๆ–‡ | ๆ—ฅๆœฌ ETH Wallet Modal An Ethereum Provider Solution for Integrated Wallets and Dapps โš ๏ธ Notice If you need to reduce unnecessary import

Dan Xu 35 Dec 19, 2022
Introductory fullstack ethereum dapp using: solidity, hardhat, react.js, ethers.js

Intro to Fullstack Ethereum Development Check out deployed dapp here! (Make sure you're connected to the Rinkeby Testnet) This article will help you e

Christian Chiarulli 77 Dec 21, 2022
Using a Decentralized Application (DApp) to Sell artwork on the Ethereum blockchain with smart contracts written in Solidity.

Decentralized Applications For Selling Limited Time Artwork This repository houses the Solidity, JavaScript, and HTML code for a Decentralized Applica

Keyan Ahmadi 4 Mar 20, 2023
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ

Joffrey NKESHIMANA 5 Jul 21, 2022
"Longer in Twitter" est une extension Chrome affichant les TwitLonger directement dans un tweet.

Longer in Twitter "Longer in Twitter" est une extension Chrome affichant les TwitLonger directement dans un tweet. Installation Longer in Twitter ne f

Johan le stickman 4 Sep 22, 2022
Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.

Welcome to the NextJS wagmi starter template ?? Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri

Seth 78 Jan 4, 2023
A Bed and Breakfast dApp run on Ethereum. Includes a token + schedule system (Solidity) and full front-end (React + ethers.js) built with Hardhat.

Hotel ETH - Watch Demo Video Hotel ETH A (fictional) Bed-and-Breakfast run on Ethereum Come Book a Room on Kovan or Rinkeby Networks View the Demo ยป C

Ryan Lambert 20 Aug 20, 2022
๐Ÿฆ Defi Bank is a dapp created for ethereum 101 course of cadena.dev

Welcome to DefiBank ?? Defi Bank is a dapp created for ethereum 101 course of cadena.dev โœจ Demo Install npm install Usage npm run dev Tech NextJS Reac

Alberto Cruz Luis 7 Nov 21, 2022
โšก Ethereum dApp Build System

โšก Turbo ETH (Beta) Turbo ETH is an Ethereum dApp Build System; with a suite of tools to start building production ready dApps today. Boilerplate: Appl

turbo-eth 48 Jan 2, 2023
Show npm package authors and maintainers of your dependencies and devDependencies.

your-deps-authors Show npm package authors and maintainers of your dependencies and devDependencies. Usage $ npx your-deps-authors โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

Sosuke Suzuki 6 Sep 29, 2022