Conception et architecture du projet final

Section 13.7.1 : Conception et architecture du projet final

🎯 Objectif pédagogique

Concevoir l'architecture complète d'une application web Rails intégrant de l'IA : user stories, modèle de données, wireframes, et choix technologiques argumentés.

Le projet final : votre vitrine professionnelle

Le projet final du bootcamp est une application full-stack Rails avec intégration IA que vous concevez et réalisez de A à Z. C'est votre démonstration de compétences pour les recruteurs et clients.

Exemples de projets :

• →Assistant juridique IA : RAG sur des textes de loi, chat avec un avocat virtuel
• →Plateforme de recrutement : analyse de CV par IA, matching candidat/offre
• →Dashboard analytics : visualisation de données avec résumés IA automatiques
• →E-commerce intelligent : recommandations produits, descriptions auto-générées

Phase 1 : User Stories

# Exemple de user stories pour un assistant juridique

En tant qu'utilisateur, je veux :
- [ ] M'inscrire et me connecter à l'application
- [ ] Poser une question juridique en langage naturel
- [ ] Recevoir une réponse sourcée (articles de loi cités)
- [ ] Consulter l'historique de mes conversations
- [ ] Sauvegarder des réponses en favoris

En tant qu'administrateur, je veux :
- [ ] Ajouter/supprimer des documents juridiques
- [ ] Voir les analytics d'utilisation
- [ ] Gérer les utilisateurs
- [ ] Modérer les contenus IA inappropriés

Phase 2 : Modèle de données

Phase 3 : Architecture technique

## Stack technique

- **Backend** : Ruby on Rails 7.1
- **Base de données** : PostgreSQL + pgvector
- **Frontend** : Hotwire (Turbo + Stimulus) + Bootstrap 5
- **IA** : OpenAI API (GPT-4 + text-embedding-3-small)
- **Background jobs** : Sidekiq + Redis
- **Déploiement** : Heroku (ou Render)
- **Tests** : RSpec + FactoryBot

## APIs externes
- OpenAI (chat + embeddings)
- SendGrid (emails)
- Sentry (monitoring erreurs)

Phase 4 : Wireframes

Avant de coder, dessinez vos écrans. Utilisez Figma, Excalidraw, ou même papier/crayon. L'objectif : valider le flux utilisateur avant d'écrire la première ligne de code.

Pages clés à wireframer :

1. →Page d'accueil / Landing
2. →Inscription / Connexion
3. →Dashboard (interface principale)
4. →Interface de chat IA
5. →Page de résultats / historique
6. →Panel administration