Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ashtech15/xrpl-frontend
XRPL-Frontend is a web application that leverages XRPL's NFTs to provide a secure, decentralized, blockchain-based contract service.
https://github.com/ashtech15/xrpl-frontend
nft react react-query typescript vite
Last synced: 6 days ago
JSON representation
XRPL-Frontend is a web application that leverages XRPL's NFTs to provide a secure, decentralized, blockchain-based contract service.
- Host: GitHub
- URL: https://github.com/ashtech15/xrpl-frontend
- Owner: ashtech15
- License: mit
- Created: 2024-09-04T20:38:26.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-04T20:39:02.000Z (5 months ago)
- Last Synced: 2024-11-17T07:15:31.274Z (2 months ago)
- Topics: nft, react, react-query, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 91.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# XRPL-Frontend
## Table of Contents
- [XRPL-Frontend](#xrpl-frontend)
- [Table of Contents](#table-of-contents)
- [Introduction](#introduction)
- [Technology Stack](#technology-stack)
- [Setup and Installation](#setup-and-installation)
- [Environment Variables](#environment-variables)
- [License](#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](https://reactjs.org/): A JavaScript library for building user interfaces.
- [TypeScript](https://www.typescriptlang.org/): A statically typed superset of JavaScript that adds types and compiles to plain JavaScript.
- [Vite](https://vitejs.dev/), [ESLint](https://eslint.org/), and [Prettier](https://prettier.io/): Tools for building the application, linting code, and formatting code.
- [Tanstack Query](https://tanstack.com/query) and [Zustand](https://github.com/pmndrs/zustand): Libraries for managing application state.
- [Tailwind](https://tailwindcss.com/) and [Shadcn/ui](https://ui.shadcn.com/): Libraries for styling the application and managing layout.
- **Backend:**
- [Node.js](https://nodejs.org/): A JavaScript runtime for building server-side applications.
- [Express](https://expressjs.com/): A web application framework for Node.js.
- [TypeScript](https://www.typescriptlang.org/): A statically typed superset of JavaScript that adds types and compiles to plain JavaScript.
- [XRPL](https://xrpl.org/): 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:**
```bash
git clone https://github.com/ashtech15/xrpl-frontend.git
```
2. **Navigate to the project directory:**
```bash
cd xrp-frontend
```
3. **Install dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
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.
```properties
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](LICENSE) file for details.