This repository serves as a template for Web3 projects, providing a foundation for building decentralized applications using various libraries and tools. It includes a collection of reusable UI components and demonstrates implemented functionalities using the Wagmi library.
- Wagmi: A library for interacting with Web3 and blockchain functionalities.
- Rainbow Kit: A React library that makes it easy to add wallet connection to your dapp.
- Viem: a TypeScript interface for Ethereum that provides low-level stateless primitives for interacting with Ethereum.
- Ethers.js: A library for interacting with Ethereum.
- Prettier: A code formatter to maintain code consistency.
- TypeScript: A statically typed superset of JavaScript.
- Tailwind CSS: A utility-first CSS framework for building custom designs.
- ESLint: A tool for identifying and reporting patterns found in JavaScript code.
- Buttons: Stylish buttons with various styles and sizes.
- Input: Customized input fields for user interaction.
- Tags: Colorful tags for labeling content.
- Cards: Cards for organizing and displaying information.
- Shorten Address: Functionality to shorten Ethereum addresses for better readability.
- Sign Message: Ability to sign messages using Ethereum wallets.
- Switch Chain: Option to switch between different Ethereum networks.
- Formatting Timestamp: Formatting timestamps for better presentation.
To use this template for your Web3 project:
- Clone the repository.
- Install dependencies with
yarn install
. - Start the development server with
yarn dev
. - Begin building your decentralized application with the provided components and functionalities.
This project is entirely open-source, and contributions are welcome. If you have ideas for improvements, features to add, or bug fixes, feel free to submit a pull request.
- Oleanji