Skip to content

Latest commit

 

History

History
executable file
·
54 lines (42 loc) · 1.88 KB

README.md

File metadata and controls

executable file
·
54 lines (42 loc) · 1.88 KB
Raw

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