ifpb-platform Svelte Themes

Ifpb Platform

IFPB Platform - Modernisation Fiscale Communale Madagascar - SvelteKit + Hono + Cloudflare PWA

IFPB Platform

Plateforme de Documentation et Gestion IFPB - Hub de Connaissances Hors-ligne

📋 Description

IFPB Platform est une application web Progressive Web App (PWA) de type Notion, servant de hub de documentation et de gestion pour le projet IFPB (Initiative Finances Publiques Bénin). Elle est conçue pour fonctionner hors-ligne et est déployée sur Cloudflare Pages avec une API HonoJS sur Cloudflare Workers.

🚀 Fonctionnalités

  • Interface Notion-like - Design épuré et moderne
  • 🌙 Thème sombre par défaut - Interface optimisée pour le confort visuel
  • 📱 Responsive Design - Fonctionne sur mobile, tablette et desktop
  • 📡 Hors-ligne complet - Service Worker + Cache API
  • 🔍 Recherche globale - Recherche dans tous les modules
  • 🇫🇷 Interface en français - Tout le contenu en français
  • Performance Edge - Déployé sur CDN Cloudflare mondial
  • 🔌 API REST - Endpoints HonoJS pour données dynamiques

📦 Modules de Documentation

Module Description Route
📋 Documentation Charte, RACI, Profils utilisateurs /docs
💰 Moteur Fiscal Grille tarifaire, Formules de calcul /fiscal
📱 Kobo Toolbox Formulaire XLSForm collecte terrain /kobo
🔄 Recouvrement Circuit de collecte des recettes /collection
📊 ELOP Dépenses budgétaires /elop
🤝 Partenariats PPP Modèles BOT/PPP /ppp
✅ Qualité & Audit Contrôle qualité, détection fraude /qualite
⚙️ Technique Architecture, Stack Cloudflare /tech

🛠️ Stack Technique

  • Frontend: SvelteKit 2.x + Svelte 5 + TypeScript
  • Styling: TailwindCSS 3.4
  • API: HonoJS 4.x (Cloudflare Workers)
  • Hosting: Cloudflare Pages (Frontend) + Workers (API)
  • Database: Cloudflare D1 (SQLite edge)
  • Storage: Cloudflare R2 (objets) + KV (cache)
  • PWA: Service Worker + Web App Manifest

🏗️ Installation

# Cloner le projet
git clone <repository-url>
cd ifpb-platform

# Installer les dépendances
npm install

# Lancer en développement
npm run dev

# Build production
npm run build

# Preview production build
npm run preview

🚢 Déploiement Cloudflare

# Installer Wrangler CLI
npm install -g wrangler

# Authentifier Cloudflare
wrangler login

# Déployer les pages (frontend)
npm run deploy

# Ou déployer manuellement
npx wrangler pages deploy dist --project-name=ifpb-platform

📁 Structure du Projet

ifpb-platform/
├── src/
│   ├── app.html              # Template HTML principal
│   ├── app.css               # Styles globaux + Tailwind
│   ├── routes/
│   │   ├── +layout.svelte    # Layout Notion-like avec sidebar
│   │   ├── +page.svelte      # Page d'accueil (hub)
│   │   ├── docs/             # Documentation (Charte/RACI)
│   │   ├── fiscal/           # Moteur fiscal (Grille tarifaire)
│   │   ├── kobo/             # Kobo Toolbox (XLSForm)
│   │   ├── collection/       # Circuit recouvrement
│   │   ├── elop/             # ELOP (Dépenses budgétaires)
│   │   ├── ppp/              # Partenariats PPP/BOT
│   │   ├── qualite/          # Qualité & Audit (Fraude)
│   │   ├── tech/             # Architecture technique
│   │   └── api/
│   │       └── hono.ts       # API REST HonoJS
├── static/
│   ├── manifest.json         # PWA Manifest
│   └── sw.js                 # Service Worker
├── migrations/
│   └── 001_initial.sql       # Schéma D1 initial
├── package.json
├── svelte.config.js
├── wrangler.toml
├── vite.config.ts
├── tsconfig.json
├── tailwind.config.js
└── postcss.config.js

🔌 API Endpoints

Méthode Endpoint Description
GET /api/health Health check
GET /api/recherche?q= Recherche globale
GET /api/contribuables Liste contribuables
POST /api/fiscal/calculer Calcul fiscal automatique
GET /api/stats Statistiques plateforme
POST /api/kobo/soumissions Réception données Kobo
GET /api/exports/:type Export (PDF/XLSX/CSV)

📊 Performances Cibles

  • TTFB: < 50ms (Edge)
  • FCP: < 1.2s
  • LCP: < 2.0s
  • Lighthouse Score: > 95
  • Bundle Size: < 100KB gzipped

📄 Licence

© 2024 IFPB Platform - Tous droits réservés

Top categories

Loading Svelte Themes