🌟🌟 Live Demo: https://delicate-king-3594.on.fleek.co/ (The mounting is a bit funky, sorry!)
✨✨ Check the smart contracts here
⚡️⚡️ API repo here
This UI consists of three pages:
-
Home: this pages displays a UI for the faucets to allow users to requests tokens.
-
Transactions: displays a table built with
react-table
. The table contains latest transactions FEL token. The data is collected after making an API call to Ethereum Blockchain. The table implements theusePagination
,useFlexLayout
anduseResizeColumns
APIs to create a responsive and dynamic table. -
Dashboard: displays a set of cards with relevant statistics about the token.
Note: Users must log their wallet to either Ethereum Sepolia or Polygon Mumbai network in order to launch and interact with the app. Placeholders and warning messages have been designed to notify users of this requirement.
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run start
# or
yarn start
# or
pnpm start
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
This project uses styled-components to enhance styling in React components.
The easiest way to build website and apps: permissionless, trustless, censorship resistant, and free of centralized gatekeepers. Check fleek.co.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- react-jazzicon
- React Table
- React Moralis - thin React wrapper around
- Alchemy - powerful set of web3 development tools to build and scale your dApp