project screenshot 1
project screenshot 2
project screenshot 3

aramid-history

A web UI to interface with the transaction history of the Aramid bridge.

aramid-history

Created At

HackFS 2022

Project Description

This project is a web app made for users to see details of their transaction history on the Aramid bridge. The project interfaces with the Covalent API to fetch data from the Aurora and Mumbai testnet chains, and organizes the data to show users their bridging history on those chains. It is built in TypeScript using React, Next.js and styled using Tailwind CSS.

How it's Made

This project is a web app built using React with Next.js, utilizing Tailwind CSS for styling. This project also makes use of the Covalent API to fetch on-chain information on the Mumbai and Aurora testnet, TypeScript is used to parse, sort and organize the data, then it will be displayed on the React UI. Aurora and Mumbai data are pulled from the "Get transactions for an address" endpoint with the user's address, the app then sifts through that to find the transactions interacting with the bridge smart contract, and then combines the data from both API calls into a singular array with an insertion-sort-like method to finally display the data on the front end. Displayed data includes the amount and token sent, the date/time the transaction was sent, and a link to see the transaction on a block explorer. Finally, it is deployed to IPFS and Filecoin using the Spheron Protocol.

background image mobile

Join the mailing list

Get the latest news and updates