ZKsync Portal

ZKsync Portal is a state-of-the-art dapp, merging the power of bridge, tokens manager and transaction history into one user-friendly interface. Designed with a stress on effortless user experience, it simplifies token management, making it your premier interface for interacting with both ZKsync versions - every interaction smooth and efficient.

• 🖥️ Intuitive interface for managing, sending, and bridging ZKsync Era.
• 📇 Ability to add contacts for quick and easy access.
• 🔧 Effortless setup and connection to local ZKsync nodes or ZK Stack Hyperchains.

• 🌐 Dive in now at portal.zksync.io.

Harness the Portal's power to connect to your local ZKsync Era node.

Prerequisites: Node.js version 16+, npm version 7+

1. 📚 Follow the documentation for setting up either an in-memory node or dockerized local setup.
2. 🔄 Clone the Portal repository and set it up:

   git clone https://github.com/matter-labs/dapp-portal.git
   cd dapp-portal
   npm install

3. 🛠️ Modify the default network settings in data/networks.ts if your network ID, RPC URL, or other info differs. Customize displayed tokens there if needed.
   • Alternatively, use the configuration form for guided config setup.
4. 🔥 Launch the dev server:
   • For in-memory node:

     npm run dev:node:memory

   • For dockerized setup: bash npm run dev:node:docker Navigate to the displayed Portal URL (typically http://localhost:3000).

To use Portal with your ZK Stack Hyperchain, see the guide here.

By default, L1 balances are fetched via a public RPC. For faster loading speeds and reduced load on your L1 RPC provider, consider using Ankr's RPC service. Obtain an Ankr token and update the .env file:

ANKR_TOKEN=your_ankr_token_here

Before deploying your own version of the Portal, ensure you create your own Wallet Connect project on walletconnect.com. After creating the project, update the project ID in the .env file:

WALLET_CONNECT_PROJECT_ID=your_project_id_here

In the .env file, add the Sentry variables:

SENTRY_DSN=your_sentry_dsn_url_here
SENTRY_ENV=localhost # 'localhost' | 'production'

SENTRY_ENV variable is used in order to filter the issues by environment.

Ensure you've installed the necessary dependencies:

npm install

Activate the dev server at http://localhost:3000:

npm run dev

Compile for production:

npm run generate

📘 Familiarize yourself with the Nuxt 3 documentation for a deeper dive.

Open arms for contributions! Enhance our code and send your pull request here.

Proudly under the MIT License.