Persona - Web3 Wallet Score Platform

Link to the App

Persona is a platform that allows users to connect their Web3 wallets and view transaction data and scores on various Layer 2 networks. The project is built using modern frontend technologies like React, Tailwind CSS, and Wagmi.

Features

• Web3 Wallet Connection: Users can connect their Web3 wallets and view activities on different Layer 2 networks.
• Dynamic Score Calculation: Wallet data (transactions, balance, tokens, etc.) is dynamically fetched and used to calculate the user’s score.
• Layer 2 Network Selection: Supports popular Layer 2 networks like zkSync, Optimism, Scroll, Mainnet, and Arbitrum.
• Responsive Design: The platform is designed to be fully responsive and compatible with all device types.
• 404 Not Found Page: Customized error page for non-existent routes within the project.

Technologies Used

• React.js: The primary framework for building the user interface.
• Tailwind CSS: Utility-first CSS framework for styling.
• Wagmi: Used for Web3 wallet connections.
• ConnectKit: Facilitates wallet connection for users.
• React Router: Enables page routing and navigation.
• Vite: Fast development setup with Vite as the build tool.

Getting Started

Prerequisites

• Node.js: Make sure you have Node.js installed.
• npm or yarn: A package manager is required to install the dependencies.

Installation Steps

1. Clone the repository:

   git clone https://github.com/yourusername/persona-wallet-score.git

2. Navigate to the project directory:

   cd persona-wallet-score

3. Install the necessary dependencies:

   npm install
   # or
   yarn install

4. Run the development server:

   npm run dev
   # or
   yarn dev

Project Structure