XRPL-Frontend

Table of Contents

• XRPL-Frontend
  • Table of Contents
  • Introduction
  • Technology Stack
  • Setup and Installation
  • Environment Variables
  • License

Introduction

XRPL-Frontend is a web application that leverages XRPL's NFTs to provide a secure, decentralized, blockchain-based contract service.

Technology Stack

• Frontend:

  • React: A JavaScript library for building user interfaces.
  • TypeScript: A statically typed superset of JavaScript that adds types and compiles to plain JavaScript.
  • Vite, ESLint, and Prettier: Tools for building the application, linting code, and formatting code.
  • Tanstack Query and Zustand: Libraries for managing application state.
  • Tailwind and Shadcn/ui: Libraries for styling the application and managing layout.

• Backend:

  • Node.js: A JavaScript runtime for building server-side applications.
  • Express: A web application framework for Node.js.
  • TypeScript: A statically typed superset of JavaScript that adds types and compiles to plain JavaScript.
  • XRPL: A library for interacting with the XRP Ledger.

Setup and Installation

Follow these steps to set up and run this project locally:

1. Clone the repository:

   git clone https://github.com/ashtech15/xrpl-frontend.git

2. Navigate to the project directory:

   cd xrp-frontend

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Environment Variables

This project uses the following environment variables:

• VITE_BACKEND_URL: The URL of the backend server.
• VITE_PLATFORM_ADDRESS: The platform address for the XRP Ledger.
• VITE_PLATFORM_SEED: The seed for the platform address.
• VITE_A_ADDRESS: The address for User A.
• VITE_A_SEED: The seed for the User A address.
• VITE_B_ADDRESS: The address for User B.
• VITE_B_SEED: The seed for the User B address.

You can set these environment variables in a .env file in the root of your project. Remember to replace the example values with your actual values.

VITE_BACKEND_URL=""
VITE_PLATFORM_ADDRESS=""
VITE_PLATFORM_SEED=""
VITE_A_ADDRESS=""
VITE_A_SEED=""
VITE_B_ADDRESS=""
VITE_B_SEED=""

License

This project is licensed under the MIT License. See the LICENSE file for details.