Frontend Applications

This document describes Lana's frontend applications, their architecture, and development patterns.

Overview

Lana includes the following frontend application:

Application	Purpose	Users
Admin Panel	Bank management	Administrative staff

Technology Stack

Directory Structure

apps/
├── admin-panel/           # Admin Panel
│   ├── src/routes/        # TanStack Router file-based routes
│   ├── components/        # React components
│   ├── lib/               # Utilities and config
│   └── src/generated/     # Generated code (GraphQL)
│
└── shared-web/            # Shared code across frontends
    └── src/               # Shared UI and utilities

Development Patterns

State Management

• Apollo Client: Server state (GraphQL data)
• React Context: Global UI state
• useState/useReducer: Local component state

Local Development

Start Applications

# Admin Panel
cd apps/admin-panel
pnpm dev

Development URLs

Application	URL
Admin Panel	http://admin.lana-bank.localhost:1355

Related Documentation

• Admin Panel - Admin panel documentation
• Shared Components - UI library
• Credit UI - Credit facility management