karanpargal / goldrush-dfk-tx-receipt-ui

Demo of Transaction Receipt with DFK styling

Beautifully designed transactions receipt template.

Powered by GoldRush Kit. Open-source. Customizable. 200+ Chains.

Ready-to-use customizable template

View live template

One-click deploy

Deploy your own Transactions Receipt UI.

Local Setup

1. Install package dependencies using npm install.
2. Create .env.local in your root directory and add your Covalent API key.

NEXT_PUBLIC_COVALENT_API_KEY = "<YOUR_API_KEY>"

3. To run the application, type the following into your terminal.

npm run dev

Documentation

Visit GoldRush's component documentation or github for more information.

Customization

The following files were added or changed from the main GoldRush Transaction Receipt UI repo for styling specific to DFK:

• ./styles/globals.css
• ./tailwind.config.ts
• ./app/page.tsx
• ./app/layout.tsx
• ./app/tx/[chain]/[tx_hash]/page.tsx
• ./components/footer.tsx
• ./static/defi-kingdoms.jpg
• ./static/dfk-frame.png
• ./static/dfk.png

Features

• Quick App Development: Accelerate the creation of apps wherever you need a customizable and detailed transaction view.
• Stunning Designs Fast: Quickly build visually appealing designs with Tailwind CSS.
• Streamlined Workflow: Simplify development with the power and efficiency of Next.js 13.
• Detailed view of any transaction, plus more: Detailed view of sender and recipients, transaction fees, gas fees, exchange rates and more.
• Integrates seamlessly with the GoldRush Decoder to display transactions for literally any protocol.

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

📝 License

This project is MIT licensed.