Simplr Chainlist

Visit the live website

A simple, client-side application for browsing and managing EVM chains, primarily sourced from ethereum-lists/chains.

Features

• Browse Chains: View a comprehensive list of EVM-compatible blockchains.
• Chain Details: Access detailed information about each chain, including its name, native currency, and RPC endpoints.
• Add to Wallet: Easily add a chain to your connected wallet with a single click.
• Real-time Status: See the current status of each chain.
• Responsive Design: Works seamlessly on various screen sizes.
• Powered by RainbowKit: Utilizes RainbowKit for wallet connection.
• Uses Wagmi: Leverages Wagmi for interacting with the blockchain.
• Uses Sonner: Employs Sonner for user notifications.

Technologies Used

• React: For building the user interface.
• TypeScript: For type safety and improved code quality.
• RainbowKit: For wallet connection.
• Wagmi: For blockchain interactions.
• Sonner: For user notifications.
• Lucide-react: For icons.
• React Virtuoso: For efficient rendering of large lists.
• Tailwind CSS: For styling.
• Shadcn/ui: For UI components.

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/simplr-chainlist.git

2. Navigate to the project directory:

   cd simplr-chainlist

3. Install dependencies:

   npm install
   # or
   yarn install

Running the Application

npm run dev
# or
yarn dev

Open your browser and navigate to http://localhost:3000.

Contributing

Contributions are welcome! Please feel free to submit a pull request.

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes.
4. Submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

• Chain Data Source: The chain list data is primarily sourced from ethereum-lists/chains.
• RainbowKit
• Wagmi
• Sonner
• Lucide
• React Virtuoso
• Tailwind CSS
• Shadcn/ui