Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tqmvt/tx-list
Get the first 100 DAI transaction list on mainnet
https://github.com/tqmvt/tx-list
ethersjs nextjs react tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Get the first 100 DAI transaction list on mainnet
- Host: GitHub
- URL: https://github.com/tqmvt/tx-list
- Owner: tqmvt
- Created: 2022-10-02T15:06:17.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-19T00:59:51.000Z (over 1 year ago)
- Last Synced: 2023-08-22T04:50:29.105Z (over 1 year ago)
- Topics: ethersjs, nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://tx-list.vercel.app
- Size: 550 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tx List
Next.js + Tailwind CSS + TypeScript packed with useful development features.
Made by launchdex
## Description
- Built the ui using Next.js(TS) and Tailwind CSS
- Fetched latest 100 DAI transfers using Alchemy
- Added new transfers by subscribing event filters using ethers
- Added a bit of animation for new transfers
- Implemented mobile responsiveness
## Features
This repository is packed with:
- ⚡️ Next.js 12
- ⚛️ React 18
- ✨ TypeScript
- 💨 Tailwind CSS 3 — Configured with CSS Variables to extend the **primary** color
- 💎 Pre-built Components — Components that will **automatically adapt** with your brand color
- 🃏 Jest — Configured for unit testing
- 📈 Absolute Import and Path Alias — Import components using `@/` prefix
- 📏 ESLint — Find and fix problems in your code, also will **auto sort** your imports
- 💖 Prettier — Format your code consistently
- 🐶 Husky & Lint Staged — Run scripts on your staged files before they are committed
- 🤖 Conventional Commit Lint — Make sure you & your teammates follow conventional commit
- ⏰ Release Please — Generate your changelog by activating the `release-please` workflow
- 👷 Github Actions — Lint your code on PR
- 🚘 Automatic Branch and Issue Autolink — Branch will be automatically created on issue **assign**, and auto linked on PR
- 🔥 Snippets — A collection of useful snippets
- 👀 Default Open Graph
- 🗺 Site Map — Automatically generate sitemap.xml
- 📦 Expansion Pack — Easily install common libraries, additional components, and configs
## Getting Started
### 1. Install dependencies
It is encouraged to use **yarn** so the husky hooks can work properly.
```bash
yarn install
```
### 2. Environment variables
Duplicate .env.example to .env.local
### 3. Run the development server
You can start the server using this command:
```bash
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
### 4. Commit Message Convention
This app is using [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/), it is mandatory to use it to commit changes.
### 5. Test
You can run the tests using this command:
```bash
yarn test
```