jki

app/__init__.py

@@ -0,0 +1,28 @@
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+from flask_admin import Admin
+from flask_ckeditor import CKEditor
+from flask_migrate import Migrate
+from config import Config
+
+db = SQLAlchemy()
+migrate = Migrate()  # Initialisation de Flask-Migrate
+admin = Admin(name='Mon Projet', template_mode='bootstrap3')
+ckeditor = CKEditor()
+
+def create_app(config_class=Config):
+    app = Flask(__name__)
+    app.config.from_object(config_class)
+
+    db.init_app(app)
+    migrate.init_app(app, db)   
+    admin.init_app(app)
+    ckeditor.init_app(app)
+
+    from app.admin import bp as custom_admin_bp  # 
+    app.register_blueprint(custom_admin_bp)
+
+    from app.views import bp as main_bp
+    app.register_blueprint(main_bp)
+
+    return app

app/admin.py

@@ -0,0 +1,70 @@
+from flask import Blueprint
+from flask_admin.contrib.sqla import ModelView
+from flask_admin import BaseView, expose
+from app import db, admin
+from app.models import Matiere, SousCategorie, Texte
+from flask_ckeditor import CKEditorField  
+from wtforms import StringField, TextAreaField 
+from bleach import clean
+from bs4 import BeautifulSoup
+
+
+bp = Blueprint('custom_admin', __name__, url_prefix='/admin')
+
+def sanitize_html(html_content):
+    # TRÈS PERMISSIF - UNIQUEMENT POUR LE TEST
+    return clean(html_content, tags=[], attributes={}, strip=False)
+
+
+
+class MatiereView(ModelView):
+    column_list = ('nom', 'sous_categories')  # Colonnes à afficher dans la liste
+    form_columns = ('nom',) 
+
+class SousCategorieView(ModelView):
+    column_list = ('nom', 'matiere')
+    form_columns = ('nom', 'matiere')
+    #form_overrides = dict(nom=StringField)
+    form_args = {  # Amélioration de la sélection de la matière
+        'matiere': {
+            'query_factory': lambda: Matiere.query.order_by(func.lower(Matiere.nom)) #Tri insensible à la casse
+        }
+    }
+    def on_model_change(self, form, model, is_created):
+        # Vérification de l'unicité (nom, matiere_id) *avant* l'insertion/mise à jour
+        if is_created:
+          existing = SousCategorie.query.filter(
+              func.lower(SousCategorie.nom) == func.lower(form.nom.data),
+              SousCategorie.matiere_id == form.matiere.data.id
+          ).first()
+          if existing:
+              raise ValueError("Cette sous-catégorie existe déjà pour cette matière.")
+        else: #Mise à jour
+            existing = SousCategorie.query.filter(
+              func.lower(SousCategorie.nom) == func.lower(form.nom.data),
+              SousCategorie.matiere_id == form.matiere.data.id,
+              SousCategorie.id != model.id 
+          ).first()
+
+            if existing:
+              raise ValueError("Cette sous-catégorie existe déjà pour cette matière.")
+
+
+class TexteView(ModelView):
+    column_list = ('titre', 'sous_categorie')
+    form_columns = ('titre', 'contenu', 'sous_categorie')
+    form_overrides = dict(contenu=CKEditorField)
+    form_args = {
+      'sous_categorie': {
+          'query_factory': lambda: SousCategorie.query.join(Matiere).order_by(func.lower(Matiere.nom), func.lower(SousCategorie.nom))
+      }
+    }
+   
+    def on_model_change(self, form, model, is_created):
+        model.contenu = sanitize_html(form.contenu.data)
+
+
+
+admin.add_view(MatiereView(Matiere, db.session))
+admin.add_view(SousCategorieView(SousCategorie, db.session))
+admin.add_view(TexteView(Texte, db.session))

app/models.py

@@ -0,0 +1,35 @@
+from app import db
+from sqlalchemy import func # pour lower()
+
+class Matiere(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    nom = db.Column(db.String(64), unique=True, nullable=False)
+    sous_categories = db.relationship('SousCategorie', backref='matiere', lazy='dynamic', cascade="all, delete-orphan")
+
+    def __repr__(self):
+        return f'<Matiere {self.nom}>'
+
+
+class SousCategorie(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    nom = db.Column(db.String(64), nullable=False)
+    matiere_id = db.Column(db.Integer, db.ForeignKey('matiere.id'), nullable=False)
+    textes = db.relationship('Texte', backref='sous_categorie', lazy='dynamic', cascade="all, delete-orphan")
+    # Contrainte d'unicité composite
+    __table_args__ = (
+        db.UniqueConstraint('nom', 'matiere_id', name='_nom_matiere_uc'),
+    )
+
+
+    def __repr__(self):
+        return f'<SousCategorie {self.nom}>'
+
+class Texte(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    titre = db.Column(db.String(128), nullable=False)
+    contenu = db.Column(db.Text, nullable=False)
+    sous_categorie_id = db.Column(db.Integer, db.ForeignKey('sous_categorie.id'), nullable=False)
+    auteur = db.Column(db.String(128), nullable=True) 
+
+    def __repr__(self):
+        return f'<Texte {self.titre}>'

app/static/css/style.css

@@ -0,0 +1,584 @@
+/* Style pour la page des matières */
+.page-title {
+  text-align: center;
+  margin: 2rem 0 3rem;
+  font-size: 2.5rem;
+  color: #2c3e50;
+  position: relative;
+}
+
+.page-title::after {
+  content: '';
+  position: absolute;
+  bottom: -10px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 60px;
+  height: 3px;
+  background: #3498db;
+  border-radius: 2px;
+}
+
+.subjects-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5rem;
+  padding: 1rem;
+}
+
+.subject-card {
+  background: white;
+  border-radius: 12px;
+  overflow: hidden;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+  position: relative;
+}
+
+.subject-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 15px rgba(52, 152, 219, 0.2);
+}
+
+.subject-link {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.5rem;
+  text-decoration: none;
+  color: inherit;
+  position: relative;
+  z-index: 1;
+}
+
+.subject-link::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(135deg, #46a1dd 0%, #2980b9 100%);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  z-index: -1;
+}
+
+.subject-link:hover {
+  color: white;
+}
+
+.subject-link:hover::after {
+  opacity: 1;
+}
+
+.subject-name {
+  font-size: 1.2rem;
+  font-weight: 600;
+  transition: color 0.3s ease;
+}
+
+.subject-arrow {
+  font-size: 1.5rem;
+  opacity: 0;
+  transform: translateX(-10px);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.subject-link:hover .subject-arrow {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.no-subjects {
+  text-align: center;
+  color: #95a5a6;
+  font-size: 1.2rem;
+  padding: 2rem;
+  grid-column: 1 / -1;
+}
+
+/* Animation d'apparition */
+@keyframes cardEntrance {
+  from {
+      opacity: 0;
+      transform: translateY(20px);
+  }
+  to {
+      opacity: 1;
+      transform: translateY(0);
+  }
+}
+
+.subject-card {
+  animation: cardEntrance 0.6s ease forwards;
+  animation-delay: calc(var(--index) * 0.1s);
+}
+
+@media (max-width: 768px) {
+  .subjects-grid {
+      grid-template-columns: 1fr;
+  }
+  
+  .subject-link {
+      padding: 1rem;
+  }
+}
+
+
+/* Page matière */
+.subject-container {
+  max-width: 1200px;
+  margin: 2rem auto;
+  padding: 0 1rem;
+}
+
+.subject-header {
+  text-align: center;
+  margin-bottom: 3rem;
+  position: relative;
+}
+
+.subject-title {
+  font-size: 2.5rem;
+  color: #2c3e50;
+  margin-bottom: 1rem;
+  position: relative;
+  display: inline-block;
+}
+
+.subject-header-decoration {
+  height: 4px;
+  width: 80px;
+  background: #3498db;
+  margin: 0 auto;
+  border-radius: 2px;
+  position: relative;
+  animation: headerLine 1s ease-out;
+}
+
+.subcategories-section {
+  background: white;
+  padding: 2rem;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
+}
+
+.section-title {
+  color: #4a5568;
+  font-size: 1.5rem;
+  margin-bottom: 2rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 2px solid #e2e8f0;
+}
+
+.subcategories-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 1.5rem;
+}
+
+.subcategory-card {
+  background: white;
+  border-radius: 8px;
+  padding: 1.5rem;
+  text-decoration: none;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  border: 1px solid #e2e8f0;
+  position: relative;
+  overflow: hidden;
+}
+
+.subcategory-card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 10px 15px rgba(52, 152, 219, 0.15);
+  border-color: #3498db;
+}
+
+.subcategory-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.subcategory-name {
+  color: #2c3e50;
+  font-weight: 500;
+  font-size: 1.1rem;
+  transition: color 0.3s ease;
+}
+
+.arrow-icon {
+  width: 24px;
+  height: 24px;
+  opacity: 0;
+  transform: translateX(-10px);
+  transition: all 0.3s ease;
+  color: #3498db;
+}
+
+.subcategory-card:hover .arrow-icon {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.no-subcategories {
+  text-align: center;
+  padding: 3rem;
+  grid-column: 1 / -1;
+}
+
+.empty-icon {
+  width: 60px;
+  height: 60px;
+  margin-bottom: 1rem;
+  color: #cbd5e0;
+}
+
+.no-subcategories p {
+  color: #a0aec0;
+  font-size: 1.1rem;
+}
+
+/* Animations */
+@keyframes headerLine {
+  from { width: 0; opacity: 0; }
+  to { width: 80px; opacity: 1; }
+}
+
+@media (max-width: 768px) {
+  .subject-container {
+      padding: 0;
+  }
+  
+  .subcategories-section {
+      padding: 1.5rem;
+  }
+  
+  .subject-title {
+      font-size: 2rem;
+  }
+}
+
+
+/*sous catégorie*/ 
+/* Page textes */
+.content-container {
+  max-width: 1200px;
+  margin: 2rem auto;
+  padding: 0 1.5rem;
+}
+
+.header-section {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.main-title {
+  font-size: 2.3rem;
+  color: #2c3e50;
+  margin-bottom: 0.5rem;
+}
+
+.title-underline {
+  width: 60px;
+  height: 3px;
+  background: linear-gradient(135deg, #46a1dd 0%, #2980b9 100%);
+  margin: 0 auto;
+  border-radius: 2px;
+}
+
+.texts-section {
+  background: #fff;
+  padding: 2rem;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
+}
+
+.section-subtitle {
+  color: #4a5568;
+  font-size: 1.4rem;
+  margin-bottom: 2rem;
+  padding-bottom: 0.75rem;
+  border-bottom: 2px solid #edf2f7;
+}
+
+.texts-grid {
+  display: grid;
+  gap: 1.2rem;
+}
+
+.text-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.5rem;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #e2e8f0;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  text-decoration: none;
+  position: relative;
+}
+
+.text-card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 5px 15px rgba(52, 152, 219, 0.15);
+  border-color: #3498db;
+}
+
+.text-title {
+  color: #2c3e50;
+  font-size: 1.1rem;
+  margin-bottom: 0.5rem;
+}
+
+.text-meta {
+  display: flex;
+  gap: 1rem;
+  font-size: 0.9rem;
+  color: #718096;
+}
+
+.meta-item i {
+  margin-right: 0.4rem;
+  color: #3498db;
+}
+
+.card-arrow {
+  color: #3498db;
+  opacity: 0;
+}
+
+/* le texte, cours*/ 
+
+/* Page texte */
+.text-container {
+  max-width: 800px;
+  margin: 2rem auto;
+  padding: 0 1.5rem;
+}
+
+.text-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.text-title {
+  font-size: 2.4rem;
+  color: #2c3e50;
+  margin-bottom: 1rem;
+  line-height: 1.3;
+  background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline-block;
+}
+
+.text-meta {
+  display: flex;
+  gap: 1.5rem;
+  justify-content: center;
+  color: #718096;
+  font-size: 0.95rem;
+}
+
+.meta-item i {
+  margin-right: 0.5rem;
+  color: #3498db;
+}
+
+.texte-contenu {
+ content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(135deg, #46a1dd 0%, #2980b9 100%);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  z-index: -1;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
+  animation: fadeIn 0.6s ease-out;
+}
+
+/* Styles de contenu riche */
+.texte-contenu h2,
+.texte-contenu h3 {
+  color: #2c3e50;
+  margin: 2rem 0 1rem;
+}
+
+.texte-contenu h2 {
+  font-size: 1.6rem;
+  border-bottom: 2px solid #e2e8f0;
+  padding-bottom: 0.5rem;
+}
+
+.texte-contenu h3 {
+  font-size: 1.4rem;
+}
+
+.texte-contenu p {
+  margin-bottom: 1.5rem;
+}
+
+.texte-contenu img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  margin: 1.5rem 0;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+.texte-contenu ul,
+.texte-contenu ol {
+  margin: 1.5rem 0;
+  padding-left: 2rem;
+}
+
+.texte-contenu li {
+  margin-bottom: 0.8rem;
+}
+
+.texte-contenu blockquote {
+  border-left: 4px solid #3498db;
+  margin: 1.5rem 0;
+  padding: 1rem 1.5rem;
+  background: #f8f9fa;
+  border-radius: 0 6px 6px 0;
+}
+
+/* additif */
+
+/* Header */
+.main-navbar {
+  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
+  padding: 0.8rem 1rem;
+  position: relative;
+  z-index: 1000;
+}
+
+.navbar-brand {
+  font-weight: 700;
+  color: #2c3e50 !important;
+  font-size: 1.4rem;
+  display: flex;
+  align-items: center;
+  transition: transform 0.3s ease;
+}
+
+.navbar-brand:hover {
+  transform: translateX(5px);
+}
+
+.navbar-brand::after {
+  content: "";
+  display: inline-block;
+  width: 2px;
+  height: 24px;
+  background: #3498db;
+  margin-left: 1rem;
+  transform: skew(-15deg);
+}
+
+.nav-link {
+  color: #4a5568 !important;
+  font-weight: 500;
+  padding: 0.5rem 1.2rem !important;
+  border-radius: 8px;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+}
+
+.nav-link:hover {
+  color: #3498db !important;
+  background: rgba(52, 152, 219, 0.08);
+}
+
+.nav-link.admin-link {
+  background: rgba(52, 152, 219, 0.1);
+  margin-left: 1rem;
+}
+
+.nav-link.admin-link:hover {
+  background: rgba(52, 152, 219, 0.2);
+}
+
+.nav-link.admin-link::before {
+  content: "\f023";
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
+  margin-right: 0.5rem;
+}
+
+/* Footer */
+.main-footer {
+  background: #2c3e50;
+  color: #ecf0f1;
+  padding: 2rem 0;
+  margin-top: auto;
+  border-top: 3px solid #3498db;
+}
+
+.main-footer .social-links {
+  display: flex;
+  justify-content: center;
+  gap: 1.5rem;
+  margin: 1.5rem 0;
+}
+
+.main-footer .social-links a {
+  color: #bdc3c7;
+  font-size: 1.4rem;
+  transition: all 0.3s ease;
+}
+
+.main-footer .social-links a:hover {
+  color: #3498db;
+  transform: translateY(-3px);
+}
+
+.main-footer .copyright {
+  font-size: 0.9rem;
+  opacity: 0.8;
+  margin-top: 1rem;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .navbar-brand {
+      font-size: 1.2rem;
+  }
+  
+  .nav-link {
+      padding: 0.5rem !important;
+  }
+  
+  .main-footer {
+      padding: 1.5rem 0;
+  }
+}
+ .copyright {
+  font-size: 0.9rem;
+  opacity: 0.8;
+  margin-top: 1rem;
+  text-align: center;
+}
+
+.text-meta {
+  display: flex;
+  gap: 1.5rem;
+  margin-top: 0.8rem;
+}
+
+.meta-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.9rem;
+  color: #6c757d;
+}

app/templates/base.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <meta charset="UTF-8">
+    <title>{% block title %}Mon Projet{% endblock %}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+     <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    {% block head %}{% endblock %}
+</head>
+<body class="d-flex flex-column min-vh-100">
+  
+  <nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <a class="navbar-brand" href="{{ url_for('main.index') }}">Mariam Ai</a>
+      <ul class="navbar-nav ml-auto"> <!-- ml-auto pour aligner à droite -->
+      
+      </ul>
+  </nav>
+
+    <div class="container mt-4 flex-grow-1">
+        {% block content %}{% endblock %}
+    </div> <!-- End of main container -->
+
+    <footer class="main-footer">
+      <div class="container">
+          <div class="social-links">
+              <a href="https://whatsapp.com/channel/0029VazlRNk9WtBuQuAzUU2d"><i class="fab fa-whatsapp"></i></a>
+              <a href="https://www.tiktok.com/@mariamai241"><i class="fab fa-tiktok"></i></a>
+          </div>
+          <div class="copyright">
+              ©2025 Mariam Ai. Tous droits réservés.
+          </div>
+      </div>
+  </footer>
+
+    <!-- Bootstrap JS, Popper.js, and jQuery (Optional, but often needed) -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    {% block scripts %}{% endblock %}
+</body>
+</html>
+

app/templates/index.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+    <h1 class="page-title">Matières</h1>
+    
+    <div class="subjects-grid">
+    {% for matiere in matieres %}
+        <div class="subject-card">
+            <a class="subject-link" href="{{ url_for('main.matiere', matiere_id=matiere.id) }}">
+                <span class="subject-name">{{ matiere.nom }}</span>
+                <span class="subject-arrow">→</span>
+            </a>
+        </div>
+    {% else %}
+        <p class="no-subjects">Aucune matière disponible</p>
+    {% endfor %}
+    </div>
+</div>
+{% endblock %}

app/templates/matiere.html

@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="subject-container">
+    <div class="subject-header">
+        <h1 class="subject-title">{{ matiere.nom }}</h1>
+        <div class="subject-header-decoration"></div>
+    </div>
+
+    <div class="subcategories-section">
+        <h2 class="section-title">Sous-catégories</h2>
+        
+        <div class="subcategories-grid">
+            {% for sous_categorie in sous_categories %}
+            <a href="{{ url_for('main.sous_categorie', sous_categorie_id=sous_categorie.id) }}" class="subcategory-card">
+                <div class="subcategory-content">
+                    <span class="subcategory-name">{{ sous_categorie.nom }}</span>
+                    <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
+                    </svg>
+                </div>
+            </a>
+            {% else %}
+            <div class="no-subcategories">
+                <svg class="empty-icon" viewBox="0 0 24 24">
+                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8z"/>
+                </svg>
+                <p>Aucune sous-catégorie disponible</p>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+{% endblock %}

app/templates/sous_categorie.html

@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="content-container">
+    <div class="header-section">
+        <h1 class="main-title">{{ sous_categorie.nom }}</h1>
+        <div class="title-underline"></div>
+    </div>
+
+    <div class="texts-section">
+        <h2 class="section-subtitle">Textes</h2>
+        
+        <div class="texts-grid">
+            {% for texte in textes %}
+            <a href="{{ url_for('main.texte', texte_id=texte.id) }}" class="text-card">
+                <div class="card-content">
+                    <h3 class="text-title">{{ texte.titre }}</h3>
+                    <div class="text-meta">
+                        <!-- Ajoutez des métadonnées si disponibles -->
+                        <span class="meta-item"><i class="fas fa-calendar-alt"></i> Date</span>
+                        <span class="meta-item"><i class="fas fa-user-edit"></i> Auteur</span>
+                    </div>
+                </div>
+                <i class="fas fa-arrow-right card-arrow"></i>
+            </a>
+            {% else %}
+            <div class="empty-state">
+                <i class="fas fa-book-open empty-icon"></i>
+                <p>Aucun texte disponible dans cette sous-catégorie</p>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+{% endblock %}

app/templates/texte.html

@@ -0,0 +1,17 @@
+ {% extends "base.html" %}
+
+{% block content %}
+  <div class="container">
+    <h1>{{ texte.titre }}</h1>
+    <p class="author">
+      {% if texte.auteur %}
+        Auteur : {{ texte.auteur }}
+      {% else %}
+        Auteur non spécifié
+      {% endif %}
+    </p>
+    <div>
+      {{ texte.contenu|safe }}
+    </div>
+  </div>
+{% endblock %}

app/views.py

@@ -0,0 +1,28 @@
+from flask import Blueprint, render_template, abort
+from app.models import Matiere, SousCategorie, Texte
+from sqlalchemy import func 
+
+bp = Blueprint('main', __name__)
+
+
+@bp.route('/')
+def index():
+    matieres = Matiere.query.order_by(func.lower(Matiere.nom)).all()  
+    return render_template('index.html', matieres=matieres)
+
+@bp.route('/matiere/<int:matiere_id>')
+def matiere(matiere_id):
+    matiere = Matiere.query.get_or_404(matiere_id)
+    sous_categories = matiere.sous_categories.order_by(func.lower(SousCategorie.nom)).all()  # Tri insensible
+    return render_template('matiere.html', matiere=matiere, sous_categories=sous_categories)
+
+@bp.route('/sous_categorie/<int:sous_categorie_id>')
+def sous_categorie(sous_categorie_id):
+    sous_categorie = SousCategorie.query.get_or_404(sous_categorie_id)
+    textes = sous_categorie.textes.order_by(Texte.titre).all()  # Tri par titre
+    return render_template('sous_categorie.html', sous_categorie=sous_categorie, textes=textes)
+
+@bp.route('/texte/<int:texte_id>')
+def texte(texte_id):
+    texte = Texte.query.get_or_404(texte_id)
+    return render_template('texte.html', texte=texte)

config.py

@@ -0,0 +1,12 @@
+import os
+
+class Config:
+    SECRET_KEY = "&#&&&yecwwiuu7"
+    
+    SQLALCHEMY_DATABASE_URI = 'postgresql://avnadmin:AVNS_eOMpjBgCDOvgWH4pR0M@pg-3850092-assanimoufida264-3f2d.k.aivencloud.com:17135/defaultdb?sslmode=require'
+    
+        
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+    
+    FLASK_ADMIN_SWATCH = 'cerulean'
+

migrations/README

@@ -0,0 +1 @@
+Single-database configuration for Flask.

migrations/alembic.ini

@@ -0,0 +1,50 @@
+# A generic, single database configuration.
+
+[alembic]
+# template used to generate migration files
+# file_template = %%(rev)s_%%(slug)s
+
+# set to 'true' to run the environment during
+# the 'revision' command, regardless of autogenerate
+# revision_environment = false
+
+
+# Logging configuration
+[loggers]
+keys = root,sqlalchemy,alembic,flask_migrate
+
+[handlers]
+keys = console
+
+[formatters]
+keys = generic
+
+[logger_root]
+level = WARN
+handlers = console
+qualname =
+
+[logger_sqlalchemy]
+level = WARN
+handlers =
+qualname = sqlalchemy.engine
+
+[logger_alembic]
+level = INFO
+handlers =
+qualname = alembic
+
+[logger_flask_migrate]
+level = INFO
+handlers =
+qualname = flask_migrate
+
+[handler_console]
+class = StreamHandler
+args = (sys.stderr,)
+level = NOTSET
+formatter = generic
+
+[formatter_generic]
+format = %(levelname)-5.5s [%(name)s] %(message)s
+datefmt = %H:%M:%S

migrations/env.py

@@ -0,0 +1,113 @@
+import logging
+from logging.config import fileConfig
+
+from flask import current_app
+
+from alembic import context
+
+# this is the Alembic Config object, which provides
+# access to the values within the .ini file in use.
+config = context.config
+
+# Interpret the config file for Python logging.
+# This line sets up loggers basically.
+fileConfig(config.config_file_name)
+logger = logging.getLogger('alembic.env')
+
+
+def get_engine():
+    try:
+        # this works with Flask-SQLAlchemy<3 and Alchemical
+        return current_app.extensions['migrate'].db.get_engine()
+    except (TypeError, AttributeError):
+        # this works with Flask-SQLAlchemy>=3
+        return current_app.extensions['migrate'].db.engine
+
+
+def get_engine_url():
+    try:
+        return get_engine().url.render_as_string(hide_password=False).replace(
+            '%', '%%')
+    except AttributeError:
+        return str(get_engine().url).replace('%', '%%')
+
+
+# add your model's MetaData object here
+# for 'autogenerate' support
+# from myapp import mymodel
+# target_metadata = mymodel.Base.metadata
+config.set_main_option('sqlalchemy.url', get_engine_url())
+target_db = current_app.extensions['migrate'].db
+
+# other values from the config, defined by the needs of env.py,
+# can be acquired:
+# my_important_option = config.get_main_option("my_important_option")
+# ... etc.
+
+
+def get_metadata():
+    if hasattr(target_db, 'metadatas'):
+        return target_db.metadatas[None]
+    return target_db.metadata
+
+
+def run_migrations_offline():
+    """Run migrations in 'offline' mode.
+
+    This configures the context with just a URL
+    and not an Engine, though an Engine is acceptable
+    here as well.  By skipping the Engine creation
+    we don't even need a DBAPI to be available.
+
+    Calls to context.execute() here emit the given string to the
+    script output.
+
+    """
+    url = config.get_main_option("sqlalchemy.url")
+    context.configure(
+        url=url, target_metadata=get_metadata(), literal_binds=True
+    )
+
+    with context.begin_transaction():
+        context.run_migrations()
+
+
+def run_migrations_online():
+    """Run migrations in 'online' mode.
+
+    In this scenario we need to create an Engine
+    and associate a connection with the context.
+
+    """
+
+    # this callback is used to prevent an auto-migration from being generated
+    # when there are no changes to the schema
+    # reference: http://alembic.zzzcomputing.com/en/latest/cookbook.html
+    def process_revision_directives(context, revision, directives):
+        if getattr(config.cmd_opts, 'autogenerate', False):
+            script = directives[0]
+            if script.upgrade_ops.is_empty():
+                directives[:] = []
+                logger.info('No changes in schema detected.')
+
+    conf_args = current_app.extensions['migrate'].configure_args
+    if conf_args.get("process_revision_directives") is None:
+        conf_args["process_revision_directives"] = process_revision_directives
+
+    connectable = get_engine()
+
+    with connectable.connect() as connection:
+        context.configure(
+            connection=connection,
+            target_metadata=get_metadata(),
+            **conf_args
+        )
+
+        with context.begin_transaction():
+            context.run_migrations()
+
+
+if context.is_offline_mode():
+    run_migrations_offline()
+else:
+    run_migrations_online()

migrations/script.py.mako

@@ -0,0 +1,24 @@
+"""${message}
+
+Revision ID: ${up_revision}
+Revises: ${down_revision | comma,n}
+Create Date: ${create_date}
+
+"""
+from alembic import op
+import sqlalchemy as sa
+${imports if imports else ""}
+
+# revision identifiers, used by Alembic.
+revision = ${repr(up_revision)}
+down_revision = ${repr(down_revision)}
+branch_labels = ${repr(branch_labels)}
+depends_on = ${repr(depends_on)}
+
+
+def upgrade():
+    ${upgrades if upgrades else "pass"}
+
+
+def downgrade():
+    ${downgrades if downgrades else "pass"}

migrations/versions/80f91a17b1db_initial_migration.py

@@ -0,0 +1,112 @@
+"""Initial migration
+
+Revision ID: 80f91a17b1db
+Revises: 
+Create Date: 2025-02-17 12:20:44.860732
+
+"""
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects import postgresql
+
+# revision identifiers, used by Alembic.
+revision = '80f91a17b1db'
+down_revision = None
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('sous_categorie',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('nom', sa.String(length=64), nullable=False),
+    sa.Column('matiere_id', sa.Integer(), nullable=False),
+    sa.ForeignKeyConstraint(['matiere_id'], ['matiere.id'], ),
+    sa.PrimaryKeyConstraint('id'),
+    sa.UniqueConstraint('nom', 'matiere_id', name='_nom_matiere_uc')
+    )
+    op.create_table('texte',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('titre', sa.String(length=128), nullable=False),
+    sa.Column('contenu', sa.Text(), nullable=False),
+    sa.Column('sous_categorie_id', sa.Integer(), nullable=False),
+    sa.ForeignKeyConstraint(['sous_categorie_id'], ['sous_categorie.id'], ),
+    sa.PrimaryKeyConstraint('id')
+    )
+    op.drop_table('cours')
+    op.drop_table('subjects')
+    op.drop_table('texts')
+    op.drop_table('commentaire')
+    op.drop_table('categories')
+    op.drop_table('categorie')
+    with op.batch_alter_table('matiere', schema=None) as batch_op:
+        batch_op.alter_column('nom',
+               existing_type=sa.VARCHAR(length=255),
+               type_=sa.String(length=64),
+               existing_nullable=False)
+        batch_op.create_unique_constraint(None, ['nom'])
+        batch_op.drop_column('description')
+
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    with op.batch_alter_table('matiere', schema=None) as batch_op:
+        batch_op.add_column(sa.Column('description', sa.TEXT(), autoincrement=False, nullable=True))
+        batch_op.drop_constraint(None, type_='unique')
+        batch_op.alter_column('nom',
+               existing_type=sa.String(length=64),
+               type_=sa.VARCHAR(length=255),
+               existing_nullable=False)
+
+    op.create_table('categorie',
+    sa.Column('id', sa.INTEGER(), server_default=sa.text("nextval('categorie_id_seq'::regclass)"), autoincrement=True, nullable=False),
+    sa.Column('nom', sa.VARCHAR(length=255), autoincrement=False, nullable=False),
+    sa.Column('matiere_id', sa.INTEGER(), autoincrement=False, nullable=False),
+    sa.ForeignKeyConstraint(['matiere_id'], ['matiere.id'], name='fk_matiere', ondelete='CASCADE'),
+    sa.PrimaryKeyConstraint('id', name='categorie_pkey'),
+    postgresql_ignore_search_path=False
+    )
+    op.create_table('categories',
+    sa.Column('id', sa.INTEGER(), server_default=sa.text("nextval('categories_id_seq'::regclass)"), autoincrement=True, nullable=False),
+    sa.Column('name', sa.VARCHAR(length=100), autoincrement=False, nullable=False),
+    sa.Column('subject_id', sa.INTEGER(), autoincrement=False, nullable=False),
+    sa.ForeignKeyConstraint(['subject_id'], ['subjects.id'], name='categories_subject_id_fkey'),
+    sa.PrimaryKeyConstraint('id', name='categories_pkey'),
+    postgresql_ignore_search_path=False
+    )
+    op.create_table('commentaire',
+    sa.Column('id', sa.INTEGER(), autoincrement=True, nullable=False),
+    sa.Column('contenu', sa.TEXT(), autoincrement=False, nullable=False),
+    sa.Column('auteur', sa.VARCHAR(length=255), autoincrement=False, nullable=False),
+    sa.Column('date', postgresql.TIMESTAMP(), server_default=sa.text('CURRENT_TIMESTAMP'), autoincrement=False, nullable=True),
+    sa.Column('cours_id', sa.INTEGER(), autoincrement=False, nullable=False),
+    sa.ForeignKeyConstraint(['cours_id'], ['cours.id'], name='fk_cours', ondelete='CASCADE'),
+    sa.PrimaryKeyConstraint('id', name='commentaire_pkey')
+    )
+    op.create_table('texts',
+    sa.Column('id', sa.INTEGER(), autoincrement=True, nullable=False),
+    sa.Column('title', sa.VARCHAR(length=150), autoincrement=False, nullable=True),
+    sa.Column('content', sa.TEXT(), autoincrement=False, nullable=False),
+    sa.Column('category_id', sa.INTEGER(), autoincrement=False, nullable=False),
+    sa.ForeignKeyConstraint(['category_id'], ['categories.id'], name='texts_category_id_fkey'),
+    sa.PrimaryKeyConstraint('id', name='texts_pkey')
+    )
+    op.create_table('subjects',
+    sa.Column('id', sa.INTEGER(), autoincrement=True, nullable=False),
+    sa.Column('name', sa.VARCHAR(length=100), autoincrement=False, nullable=False),
+    sa.PrimaryKeyConstraint('id', name='subjects_pkey')
+    )
+    op.create_table('cours',
+    sa.Column('id', sa.INTEGER(), autoincrement=True, nullable=False),
+    sa.Column('titre', sa.VARCHAR(length=255), autoincrement=False, nullable=False),
+    sa.Column('description', sa.TEXT(), autoincrement=False, nullable=True),
+    sa.Column('categorie_id', sa.INTEGER(), autoincrement=False, nullable=False),
+    sa.ForeignKeyConstraint(['categorie_id'], ['categorie.id'], name='fk_categorie', ondelete='CASCADE'),
+    sa.PrimaryKeyConstraint('id', name='cours_pkey')
+    )
+    op.drop_table('texte')
+    op.drop_table('sous_categorie')
+    # ### end Alembic commands ###

requirements.txt

@@ -0,0 +1,9 @@
+Flask==3.0.3
+Flask-Admin 
+Flask-SQLAlchemy 
+psycopg2-binary 
+Flask-WTF 
+bleach 
+beautifulsoup4 
+Flask-CKEditor
+Flask-migrate

run.py

@@ -0,0 +1,6 @@
+from app import create_app
+import os
+app = create_app()
+
+if __name__ == '__main__':
+    app.run(host="0.0.0.0", port=int(os.environ.get("PORT", 5000)))