ILD Admin Application

The ILD Admin application is a React-based administrative interface for managing the ILD (Interactive Learning Design) platform. It provides a comprehensive set of tools for administrators to manage users, content, and system configurations.

Overview

The admin application is built using modern web technologies and follows best practices for React development. It serves as the central management interface for the ILD platform.

Technology Stack

  • Frontend Framework: React 18
  • Build Tool: Vite
  • UI Framework: Mantine v7
  • State Management: React Query
  • Routing: React Router v6
  • Type Safety: TypeScript
  • HTTP Client: Axios
  • Rich Text Editor: TipTap
  • Date Handling: Day.js
  • Local Storage: LocalForage
  • Data Processing: PapaParse

Key Features

  • User management and administration
  • Content management
  • System configuration
  • Role-based access control
  • Data import/export capabilities
  • Rich text editing
  • File upload and management
  • Advanced search and filtering

Getting Started

Prerequisites

  • Node.js (LTS version)
  • npm or yarn package manager

Installation

  1. Clone the repository
  2. Install dependencies: bash npm install

Project Structure

ild-admin/
├── src/              # Source code
├── public/           # Static assets
├── dist/            # Build output
├── vite.config.ts   # Vite configuration
├── tsconfig.json    # TypeScript configuration
└── package.json     # Project dependencies and scripts

Docker Support

The application includes Docker support for both development and production environments:

  • Dockerfile - Development environment
  • Dockerfile.prod - Production environment

API Integration

The admin application integrates with various ILD platform APIs:

  • Authentication API
  • User Management API
  • Content Management API
  • System Configuration API

Contributing

Please refer to the main project's contributing guidelines for information on how to contribute to this application.

License

This project is part of the ILD platform and is subject to the same licensing terms as the main project.