😁Paal Ecosystem Frontend Setup

This pages discuss on how to setup the Paal eco system frontend

---

Paal Frontend Documentation

Overview

The Paal Frontend is the user interface component of the Paal ecosystem platform, providing users with access to various features and functionalities of the platform.

Table of Contents

1. Introduction

2. Configuration Setup

3. Package.json Configuration

4. Running the Frontend

5. Conclusion

Introduction

The Paal Frontend serves as the user interface for the Paal ecosystem platform. This documentation provides detailed instructions on setting up and configuring the frontend to ensure it runs smoothly.

Configuration Setup

Before setting up the Paal Frontend, ensure the following configuration is adjusted:

Config.tsx File

Set the backend API URL in the config.tsx file:

const BACKEND_API = "<BACKEND_API_URL>";

Ensure the URL points to the correct backend endpoint.

Package Installation

This is a Node.js application, so install the necessary packages using npm:

npm install

Running the Frontend

To start the Paal Frontend, use the following commands:

Development Mode

For development mode, run:

npm run dev

This will start the development server and open the application in your default browser.

Build

To build the project for production, run:

npm run build

This will compile the TypeScript code and bundle the application for deployment.

Lint

To lint the code, run:

npm run lint

This will run ESLint to check for code quality and style issues.

Preview

To preview the built application, run:

npm run preview

This will start a local server to preview the production build.

Conclusion

The Paal Frontend is now configured and ready to be developed or deployed. Ensure all configurations are set correctly before proceeding.

---