😏Paal Admin Frontend Setup

This page explains on how to setup and run the paal admin frontend

---

Paal Admin Frontend Documentation

Overview

The Paal Admin Frontend is the admin 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 Admin Frontend serves as the admin 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 Admin Frontend, ensure the following configuration is adjusted:

Config.tsx File

Set the backend API URL in the main.jsfile:

axios.defaults.baseURL = "the-backend-link"

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 Admin 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 Admin Frontend is now configured and ready to be developed or deployed. Ensure all configurations are set correctly before proceeding.

---