---
source_hash: "18ff7d1f"
title: "Module 9: Full Integration"
weight: 660
description: "Build a small task management application with:"
category: "Training"
type: "training"
---

# Module 9: Full Integration

> This module walks through building a complete feature end to end: from the React frontend down to the Dolibarr backend.

## Prerequisites

- Modules 1-8 completed
- Development environment configured

## Goal

Build a small task management application with:

- Task list
- Task creation
- Task update
- Task deletion

## Chapters

| # | Chapter | Content |  |
| --- | --- | --- | --- |
| 1 | [Backend](/training/module9-integration/backend) | Dolibarr class, Controller, Mapper |
| 2 | [Frontend](/training/module9-integration/frontend) | React pages, forms, navigation |
| 3 | [Deployment](/training/module9-integration/deploiement) | Build and production release |

## Project structure

```
monmodule/
├── class/
│   └── task.class.php          # Dolibarr object
├── mobile/
│   └── src/
│       ├── components/pages/private/
│       │   ├── TasksPage/
│       │   ├── TaskDetailPage/
│       │   └── TaskFormPage/
├── pwa/
│   └── api.php                 # Routes
└── smartmaker-api/
    ├── Controllers/
    │   └── TaskController.php
    └── Mappers/
        └── dmTask.php
```

[Start: Backend ->](/training/module9-integration/backend)