correction syntaxe appliquer promo

Reviewed-on: #9

my-library/src/App.jsx

@@ -1,4 +1,4 @@
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, Navigate } from 'react-router-dom';
 import Layout from './components/Layout';
 import Home from './pages/Home';
 import Books from './pages/Books';
@@ -7,18 +7,45 @@ import Profile from './pages/Profile';
 import NotFound from './pages/NotFound';
 import AddBook from './pages/AddBook';
 import BookDetail from './pages/BookDetail';
+import Customers from './pages/Customers';
+import Login from './pages/Login';
+import Reservations from './pages/Reservations';
+import Returns from './pages/Returns';
+import Subscription from './pages/Subscription';
+import Loans from './pages/Loans';
+import GroupOrders from './pages/GroupOrders';
+import { useAuth } from './context/AuthContext';
+
+function RequireAuth({ children }) {
+  const { user } = useAuth();
+  return user ? children : <Navigate to="/login" replace />;
+}
+
+function RequireAdmin({ children }) {
+  const { user } = useAuth();
+  if (!user) return <Navigate to="/login" replace />;
+  if (user.role !== 'admin') return <Navigate to="/" replace />;
+  return children;
+}
 
 export default function App() {
   return (
     <Routes>
+      <Route path="/login" element={<Login />} />
       <Route path="/" element={<Layout />}>
         <Route index element={<Home />} />
         <Route path="books" element={<Books />} />
-        <Route path="orders" element={<Orders />} />
-        <Route path="profile" element={<Profile />} />
+        <Route path="books/:bookId" element={<RequireAuth><BookDetail /></RequireAuth>} />
+        <Route path="books/new" element={<RequireAdmin><AddBook /></RequireAdmin>} />
+        <Route path="orders" element={<RequireAuth><Orders /></RequireAuth>} />
+        <Route path="reservations" element={<RequireAuth><Reservations /></RequireAuth>} />
+        <Route path="profile" element={<RequireAuth><Profile /></RequireAuth>} />
+        <Route path="customers" element={<RequireAdmin><Customers /></RequireAdmin>} />
+        <Route path="returns" element={<RequireAdmin><Returns /></RequireAdmin>} />
+        <Route path="subscription" element={<RequireAuth><Subscription /></RequireAuth>} />
+        <Route path="loans" element={<RequireAuth><Loans /></RequireAuth>} />
+        <Route path="group-orders" element={<RequireAuth><GroupOrders /></RequireAuth>} />
         <Route path="*" element={<NotFound />} />
-        <Route path="books/new" element={<AddBook />} />
-        <Route path="books/:bookId" element={<BookDetail />} />
       </Route>
     </Routes>
   );

my-library/src/api/books.js

@@ -11,3 +11,7 @@ export function registerBook(book) {
 export function getBookById(id) {
   return client.get(`/api/books/${id}`);
 }
+
+export function reserveBook(bookId, reservation) {
+  return client.post(`/api/books/${bookId}/reservations`, reservation);
+}

my-library/src/api/customers.js

@@ -0,0 +1,17 @@
+import client from './client';
+
+export function registerCustomer(customer) {
+  return client.post('/api/customers', customer);
+}
+
+export function findCustomerByPhone(phoneNumber) {
+  return client.get(`/api/customers/phone/${encodeURIComponent(phoneNumber)}`);
+}
+
+export function addLoyaltyPoints(customerId, points) {
+  return client.post(`/api/customers/${customerId}/loyalty/add`, null, { params: { points } });
+}
+
+export function subtractLoyaltyPoints(customerId, points) {
+  return client.post(`/api/customers/${customerId}/loyalty/subtract`, null, { params: { points } });
+}

my-library/src/api/orders.js

@@ -0,0 +1,5 @@
+import client from './client';
+
+export function createOrder(order) {
+  return client.post('/api/orders', order);
+}

my-library/src/components/Navbar.jsx

@@ -1,7 +1,16 @@
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
 import '../styles/navbar.css';
 
 export default function Navbar() {
+  const { user, logout } = useAuth();
+  const navigate = useNavigate();
+
+  function handleLogout() {
+    logout();
+    navigate('/login');
+  }
+
   return (
     <nav className="navbar">
       <Link to="/" className="navbar__logo">Biblio</Link>
@@ -9,13 +18,25 @@ export default function Navbar() {
       <ul className="navbar__links">
         <li><Link to="/">Accueil</Link></li>
         <li><Link to="/books">Catalogue</Link></li>
-        <li><Link to="/orders">Commandes</Link></li>
-        <li><Link to="/profile">Mon compte</Link></li>
+        {user && <li><Link to="/orders">Commandes</Link></li>}
+        {user?.role === 'user' && <li><Link to="/reservations">Mes réservations</Link></li>}
+        {user?.role === 'user' && <li><Link to="/subscription">Mon abonnement</Link></li>}
+        {user?.role === 'user' && <li><Link to="/loans">Mes prêts</Link></li>}
+        {user && <li><Link to="/group-orders">Commandes groupées</Link></li>}
+        {user && <li><Link to="/profile">Mon compte</Link></li>}
+        {user?.role === 'admin' && <li><Link to="/customers">Clients</Link></li>}
+        {user?.role === 'admin' && <li><Link to="/returns">Retours</Link></li>}
       </ul>
 
       <div className="navbar__actions">
-        <button className="btn-ghost">Connexion</button>
-        <button className="btn-cta">S'inscrire</button>
+        {user ? (
+          <>
+            <span>{user.username} ({user.role})</span>
+            <button onClick={handleLogout}>Déconnexion</button>
+          </>
+        ) : (
+          <Link to="/login"><button>Connexion</button></Link>
+        )}
       </div>
     </nav>
   );

my-library/src/context/AuthContext.js

@@ -0,0 +1,39 @@
+import { createContext, useContext, useState } from 'react';
+
+const USERS = [
+  { username: 'admin', password: 'admin', role: 'admin' },
+  { username: 'alice', password: 'bob', role: 'user' },
+];
+
+const AuthContext = createContext(null);
+
+export function AuthProvider({ children }) {
+  const [user, setUser] = useState(() => {
+    const saved = localStorage.getItem('auth');
+    return saved ? JSON.parse(saved) : null;
+  });
+
+  function login(username, password) {
+    const found = USERS.find(u => u.username === username && u.password === password);
+    if (!found) return false;
+    const { password: _, ...safe } = found;
+    setUser(safe);
+    localStorage.setItem('auth', JSON.stringify(safe));
+    return true;
+  }
+
+  function logout() {
+    setUser(null);
+    localStorage.removeItem('auth');
+  }
+
+  return (
+    <AuthContext.Provider value={{ user, login, logout }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export function useAuth() {
+  return useContext(AuthContext);
+}

my-library/src/context/GroupOrderContext.js

@@ -0,0 +1,59 @@
+import { createContext, useContext, useState } from 'react';
+
+const GroupOrderContext = createContext(null);
+
+export function GroupOrderProvider({ children }) {
+  const [groups, setGroups] = useState(() => {
+    const saved = localStorage.getItem('groupOrders');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  function createGroup(creatorPhone) {
+    const group = {
+      id: crypto.randomUUID(),
+      creatorPhone,
+      orders: [],
+      status: 'OPEN',
+      createdAt: new Date().toISOString(),
+    };
+    const updated = [...groups, group];
+    setGroups(updated);
+    localStorage.setItem('groupOrders', JSON.stringify(updated));
+    return group;
+  }
+
+  function addOrderToGroup(groupId, phoneNumber, bookId, bookTitle, quantity) {
+    const updated = groups.map(g => {
+      if (g.id !== groupId) return g;
+      const order = {
+        orderId: crypto.randomUUID(),
+        phoneNumber,
+        bookId,
+        bookTitle,
+        quantity: Number(quantity),
+        addedAt: new Date().toISOString(),
+      };
+      return { ...g, orders: [...g.orders, order] };
+    });
+    setGroups(updated);
+    localStorage.setItem('groupOrders', JSON.stringify(updated));
+  }
+
+  function closeGroup(groupId) {
+    const updated = groups.map(g =>
+      g.id === groupId ? { ...g, status: 'CLOSED' } : g
+    );
+    setGroups(updated);
+    localStorage.setItem('groupOrders', JSON.stringify(updated));
+  }
+
+  return (
+    <GroupOrderContext.Provider value={{ groups, createGroup, addOrderToGroup, closeGroup }}>
+      {children}
+    </GroupOrderContext.Provider>
+  );
+}
+
+export function useGroupOrders() {
+  return useContext(GroupOrderContext);
+}

my-library/src/context/LoanContext.js

@@ -0,0 +1,45 @@
+import { createContext, useContext, useState } from 'react';
+
+const LoanContext = createContext(null);
+
+export function LoanProvider({ children }) {
+  const [loans, setLoans] = useState(() => {
+    const saved = localStorage.getItem('loans');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  function addLoan(book, borrowerUsername, dueDate) {
+    const loan = {
+      loanId: crypto.randomUUID(),
+      bookId: book.isbn,
+      bookTitle: book.title,
+      bookAuthor: book.author,
+      borrowerUsername,
+      dueDate,
+      status: 'ACTIVE',
+      loanedAt: new Date().toISOString(),
+    };
+    const updated = [...loans, loan];
+    setLoans(updated);
+    localStorage.setItem('loans', JSON.stringify(updated));
+    return loan;
+  }
+
+  function returnLoan(loanId) {
+    const updated = loans.map(l =>
+      l.loanId === loanId ? { ...l, status: 'RETURNED' } : l
+    );
+    setLoans(updated);
+    localStorage.setItem('loans', JSON.stringify(updated));
+  }
+
+  return (
+    <LoanContext.Provider value={{ loans, addLoan, returnLoan }}>
+      {children}
+    </LoanContext.Provider>
+  );
+}
+
+export function useLoans() {
+  return useContext(LoanContext);
+}

my-library/src/context/ReservationContext.js

@@ -0,0 +1,42 @@
+import { createContext, useContext, useState } from 'react';
+
+const ReservationContext = createContext(null);
+
+export function ReservationProvider({ children }) {
+  const [reservations, setReservations] = useState(() => {
+    const saved = localStorage.getItem('reservations');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  function addReservation(book, phoneNumber) {
+    const reservation = {
+      reservationId: crypto.randomUUID(),
+      bookId: book.isbn,
+      bookTitle: book.title,
+      bookAuthor: book.author,
+      phoneNumber,
+      status: 'CONFIRMED',
+      reservedAt: new Date().toISOString(),
+    };
+    const updated = [...reservations, reservation];
+    setReservations(updated);
+    localStorage.setItem('reservations', JSON.stringify(updated));
+    return reservation;
+  }
+
+  function cancelReservation(reservationId) {
+    const updated = reservations.filter(r => r.reservationId !== reservationId);
+    setReservations(updated);
+    localStorage.setItem('reservations', JSON.stringify(updated));
+  }
+
+  return (
+    <ReservationContext.Provider value={{ reservations, addReservation, cancelReservation }}>
+      {children}
+    </ReservationContext.Provider>
+  );
+}
+
+export function useReservations() {
+  return useContext(ReservationContext);
+}

my-library/src/context/ReturnContext.js

@@ -0,0 +1,36 @@
+import { createContext, useContext, useState } from 'react';
+
+const ReturnContext = createContext(null);
+
+export function ReturnProvider({ children }) {
+  const [returns, setReturns] = useState(() => {
+    const saved = localStorage.getItem('returns');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  function addReturn(bookId, bookTitle, customerPhone, reason) {
+    const bookReturn = {
+      returnId: crypto.randomUUID(),
+      bookId,
+      bookTitle,
+      customerPhone,
+      reason,
+      status: 'PROCESSED',
+      returnedAt: new Date().toISOString(),
+    };
+    const updated = [...returns, bookReturn];
+    setReturns(updated);
+    localStorage.setItem('returns', JSON.stringify(updated));
+    return bookReturn;
+  }
+
+  return (
+    <ReturnContext.Provider value={{ returns, addReturn }}>
+      {children}
+    </ReturnContext.Provider>
+  );
+}
+
+export function useReturns() {
+  return useContext(ReturnContext);
+}

my-library/src/context/ReviewContext.js

@@ -0,0 +1,40 @@
+import { createContext, useContext, useState } from 'react';
+
+const ReviewContext = createContext(null);
+
+export function ReviewProvider({ children }) {
+  const [reviews, setReviews] = useState(() => {
+    const saved = localStorage.getItem('reviews');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  function addReview(bookId, bookTitle, username, rating, comment) {
+    const review = {
+      reviewId: crypto.randomUUID(),
+      bookId,
+      bookTitle,
+      username,
+      rating,
+      comment,
+      createdAt: new Date().toISOString(),
+    };
+    const updated = [...reviews, review];
+    setReviews(updated);
+    localStorage.setItem('reviews', JSON.stringify(updated));
+    return review;
+  }
+
+  function getReviewsByBook(bookId) {
+    return reviews.filter(r => String(r.bookId) === String(bookId));
+  }
+
+  return (
+    <ReviewContext.Provider value={{ reviews, addReview, getReviewsByBook }}>
+      {children}
+    </ReviewContext.Provider>
+  );
+}
+
+export function useReviews() {
+  return useContext(ReviewContext);
+}

my-library/src/context/SubscriptionContext.js

@@ -0,0 +1,50 @@
+import { createContext, useContext, useState } from 'react';
+
+const SubscriptionContext = createContext(null);
+
+const PLANS = [
+  { id: 'basic', name: 'Basic', price: 9.99, description: '2 livres par mois' },
+  { id: 'standard', name: 'Standard', price: 14.99, description: '5 livres par mois' },
+  { id: 'premium', name: 'Premium', price: 24.99, description: 'Livres illimités par mois' },
+];
+
+export { PLANS };
+
+export function SubscriptionProvider({ children }) {
+  const [subscription, setSubscription] = useState(() => {
+    const saved = localStorage.getItem('subscription');
+    return saved ? JSON.parse(saved) : null;
+  });
+
+  function subscribe(planId, phoneNumber) {
+    const plan = PLANS.find(p => p.id === planId);
+    const newSubscription = {
+      subscriptionId: crypto.randomUUID(),
+      planId,
+      planName: plan.name,
+      price: plan.price,
+      phoneNumber,
+      status: 'ACTIVE',
+      startDate: new Date().toISOString(),
+    };
+    setSubscription(newSubscription);
+    localStorage.setItem('subscription', JSON.stringify(newSubscription));
+    return newSubscription;
+  }
+
+  function cancelSubscription() {
+    const updated = { ...subscription, status: 'CANCELLED' };
+    setSubscription(updated);
+    localStorage.setItem('subscription', JSON.stringify(updated));
+  }
+
+  return (
+    <SubscriptionContext.Provider value={{ subscription, subscribe, cancelSubscription, PLANS }}>
+      {children}
+    </SubscriptionContext.Provider>
+  );
+}
+
+export function useSubscription() {
+  return useContext(SubscriptionContext);
+}

my-library/src/index.js

@@ -1,6 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
+import { AuthProvider } from './context/AuthContext';
+import { ReservationProvider } from './context/ReservationContext';
+import { ReviewProvider } from './context/ReviewContext';
+import { ReturnProvider } from './context/ReturnContext';
+import { SubscriptionProvider } from './context/SubscriptionContext';
+import { LoanProvider } from './context/LoanContext';
+import { GroupOrderProvider } from './context/GroupOrderContext';
 import App from './App';
 import './styles/global.css';
 
@@ -8,7 +15,21 @@ const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
     <BrowserRouter>
-      <App />
+      <AuthProvider>
+        <ReservationProvider>
+          <ReviewProvider>
+            <ReturnProvider>
+              <SubscriptionProvider>
+                <LoanProvider>
+                  <GroupOrderProvider>
+                    <App />
+                  </GroupOrderProvider>
+                </LoanProvider>
+              </SubscriptionProvider>
+            </ReturnProvider>
+          </ReviewProvider>
+        </ReservationProvider>
+      </AuthProvider>
     </BrowserRouter>
   </React.StrictMode>
 );

my-library/src/pages/AddBook.jsx

@@ -35,7 +35,7 @@ export default function AddBook() {
 
     registerBook(payload)
       .then((response) => {
-        setMessage({ type: 'success', text: `Livre créé (id : ${response.data}) ✅` });
+        setMessage({ type: 'success', text: `Livre créé (id : ${response.data})` });
         setForm(initialForm);  
       })
       .catch((error) => {

my-library/src/pages/BookDetail.jsx

@@ -1,14 +1,42 @@
 import { useState, useEffect } from 'react';
 import { useParams, Link } from 'react-router-dom';
 import { getBookById } from '../api/books';
+import { useAuth } from '../context/AuthContext';
+import { useReservations } from '../context/ReservationContext';
+import { useReviews } from '../context/ReviewContext';
+import { useSubscription } from '../context/SubscriptionContext';
 
 export default function BookDetail() {
+  const { user } = useAuth();
+  const { subscription } = useSubscription();
+  const { addReservation, reservations } = useReservations();
+  const { addReview, getReviewsByBook } = useReviews();
+  const [rating, setRating] = useState(5);
+  const [comment, setComment] = useState('');
+  const [reviewStatus, setReviewStatus] = useState(null);
   const { bookId } = useParams();
   const [book, setBook] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
+  const [phoneNumber, setPhoneNumber] = useState('');
+  const [reservationStatus, setReservationStatus] = useState(null);
 
-  useEffect(() => {getBookById(bookId).then((response) => setBook(response.data)).catch((err) => {console.error(err);setError('Livre introuvable.');}).finally(() => setLoading(false));}, [bookId]);             
+  useEffect(() => { getBookById(bookId).then((response) => setBook(response.data)).catch((err) => { console.error(err); setError('Livre introuvable.'); }).finally(() => setLoading(false)); }, [bookId]);
+
+  function handleReservation(e) {
+    e.preventDefault();
+    addReservation(book, phoneNumber);
+    setReservationStatus({ success: true, message: 'Réservation effectuée avec succès !' });
+    setPhoneNumber('');
+  }
+
+  function handleReview(e) {
+    e.preventDefault();
+    addReview(book.isbn, book.title, user.username, Number(rating), comment);
+    setReviewStatus({ success: true, message: 'Avis publié avec succès !' });
+    setComment('');
+    setRating(5);
+  }
 
   if (loading) return <main><p>Chargement…</p></main>;
   if (error) return <main><p>{error}</p><Link to="/books">← Retour au catalogue</Link></main>;
@@ -26,6 +54,105 @@ export default function BookDetail() {
       <p>Langue : {book.language}</p>
       <p>Catégories : {book.categories?.join(', ')}</p>
       {book.description && <p>{book.description}</p>}
+
+      <section>
+        <h2>Avis des lecteurs</h2>
+        {getReviewsByBook(book.isbn).length === 0 ? (
+          <p>Aucun avis pour le moment.</p>
+        ) : (
+          <ul>
+            {getReviewsByBook(book.isbn).map(r => (
+              <li key={r.reviewId}>
+                <strong>{r.username}</strong> — {'*'.repeat(r.rating)}
+                <br />
+                {r.comment}
+                <br />
+                <small>{new Date(r.createdAt).toLocaleDateString('fr-FR')}</small>
+              </li>
+            ))}
+          </ul>
+        )}
+        {user?.role === 'user' && (
+          <form onSubmit={handleReview}>
+            <h3>Laisser un avis</h3>
+            <label>
+              Note :
+              <select value={rating} onChange={e => setRating(e.target.value)}>
+                <option value={1}>*</option>
+                <option value={2}>**</option>
+                <option value={3}>***</option>
+                <option value={4}>****</option>
+                <option value={5}>*****</option>
+              </select>
+            </label>
+            <label>
+              Commentaire :
+              <textarea value={comment} onChange={e => setComment(e.target.value)} required />
+            </label>
+            <button type="submit">Publier l'avis</button>
+          </form>
+        )}
+        {reviewStatus && (
+          <p style={{ color: reviewStatus.success ? 'green' : 'red' }}>
+            {reviewStatus.message}
+          </p>
+        )}
+      </section>
+
+      {user?.role === 'user' && (
+        <section>
+          <h2>Réserver ce livre</h2>
+          {!subscription || subscription.status !== 'ACTIVE' ? (
+            <p>
+              Vous devez avoir un abonnement actif pour réserver un livre.{' '}
+              <Link to="/subscription">S'abonner</Link>
+            </p>
+          ) : (() => {
+            const QUOTAS = { basic: 2, standard: 5, premium: Infinity };
+            const quota = QUOTAS[subscription.planId];
+            const thisMonthStart = new Date();
+            thisMonthStart.setDate(1);
+            thisMonthStart.setHours(0, 0, 0, 0);
+            const usedThisMonth = reservations.filter(r =>
+              new Date(r.reservedAt) >= thisMonthStart
+            ).length;
+            const remaining = quota - usedThisMonth;
+
+            if (remaining <= 0) {
+              return (
+                <p style={{ color: 'orange' }}>
+                  Vous avez atteint votre quota de {quota} réservation(s) ce mois-ci.
+                  <Link to="/subscription"> Passer au plan supérieur</Link>
+                </p>
+              );
+            }
+
+            return (
+              <>
+                <p>Réservations restantes ce mois : <strong>{remaining === Infinity ? 'illimitées' : remaining}</strong></p>
+                <form onSubmit={handleReservation}>
+                  <label>
+                    Numéro de téléphone :
+                    <input
+                      type="tel"
+                      value={phoneNumber}
+                      onChange={(e) => setPhoneNumber(e.target.value)}
+                      placeholder="0612345678"
+                      required
+                    />
+                  </label>
+                  <button type="submit">Réserver</button>
+                </form>
+                {reservationStatus && (
+                  <p style={{ color: reservationStatus.success ? 'green' : 'red' }}>
+                    {reservationStatus.message}
+                  </p>
+                )}
+              </>
+            );
+          })()}
+        </section>
+      )}
     </main>
   );
 }

my-library/src/pages/Books.jsx

@@ -1,8 +1,10 @@
 import { useState, useEffect } from 'react';
 import { getBooks } from '../api/books';
 import { Link } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
 
 export default function Books() {
+  const { user } = useAuth();
   const [books, setBooks] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -27,17 +29,21 @@ export default function Books() {
 
   return (
     <main>
-      <h1>Catalogue</h1>
-      <Link to="/books/new">+ Ajouter un livre</Link>
-      <ul>
+      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '1rem' }}>
+        <h1 style={{ margin: 0 }}>Catalogue</h1>
+        {user?.role === 'admin' && <Link to="/books/new">+ Ajouter un livre</Link>}
+      </div>
+      <div className="card-grid">
         {books.map((book) => (
-          <li key={book.isbn}>
-            <Link to={`/books/${book.isbn}`}>
-              <strong>{book.title}</strong> - {book.author}
-            </Link>
-          </li>
+          <Link to={`/books/${book.isbn}`} key={book.isbn} style={{ textDecoration: 'none', color: 'inherit' }}>
+            <div className="card">
+              <h3>{book.title}</h3>
+              <p>{book.author}</p>
+              <p style={{ marginTop: '0.5rem', fontSize: '0.8rem', color: '#999' }}>ISBN : {book.isbn}</p>
+            </div>
+          </Link>
         ))}
-      </ul>
+      </div>
     </main>
   );
 }

my-library/src/pages/Customers.jsx

@@ -0,0 +1,109 @@
+import { useState } from 'react';
+import { registerCustomer, findCustomerByPhone, addLoyaltyPoints, subtractLoyaltyPoints } from '../api/customers';
+
+const initialForm = { firstName: '', lastName: '', phoneNumber: '' };
+
+export default function Customers() {
+  const [form, setForm] = useState(initialForm);
+  const [registerMsg, setRegisterMsg] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [pointsInput, setPointsInput] = useState('');
+
+  function handleChange(e) {
+    const { name, value } = e.target;
+    setForm((prev) => ({ ...prev, [name]: value }));
+  }
+
+  function handleRegister(e) {
+    e.preventDefault();
+    setSubmitting(true);
+    setRegisterMsg(null);
+    registerCustomer(form)
+      .then((response) => {
+        setRegisterMsg(`Client créé (id : ${response.data})`);
+        setForm(initialForm);
+      })
+      .catch((error) => {
+        console.error(error);
+        setRegisterMsg('Erreur lors de la création du client.');
+      })
+      .finally(() => setSubmitting(false));
+  }
+
+  const [phone, setPhone] = useState('');
+  const [customer, setCustomer] = useState(null);
+  const [searchError, setSearchError] = useState(null);
+
+  function handleSearch(e) {
+    e.preventDefault();
+    setSearchError(null);
+    setCustomer(null);
+    findCustomerByPhone(phone)
+      .then((response) => setCustomer(response.data))
+      .catch((error) => {
+        console.error(error);
+        setSearchError('Aucun client trouvé avec ce numéro.');
+      });
+  }
+  function applyLoyalty(operation) {
+  const points = Number(pointsInput);
+  const action = operation === 'add' ? addLoyaltyPoints : subtractLoyaltyPoints;
+
+  action(customer.id, points)
+    .then((response) => {
+      setCustomer((prev) => ({ ...prev, loyaltyPoints: response.data }));
+      setPointsInput('');
+    })
+    .catch((error) => {
+      console.error(error);
+      if (error.response?.status === 400) setSearchError('Pas assez de points pour ce retrait.');
+      else setSearchError('Erreur lors de la mise à jour des points.');
+    });
+  }
+
+  return (
+    <main>
+      <h1>Gestion des clients</h1>
+
+      <section>
+        <h2>Enregistrer un client</h2>
+        <form onSubmit={handleRegister}>
+          <label>Prénom
+            <input name="firstName" value={form.firstName} onChange={handleChange} required />
+          </label>
+          <label>Nom
+            <input name="lastName" value={form.lastName} onChange={handleChange} required />
+          </label>
+          <label>Téléphone
+            <input name="phoneNumber" value={form.phoneNumber} onChange={handleChange} required />
+          </label>
+          <button type="submit" disabled={submitting}>
+            {submitting ? 'Envoi…' : 'Créer le client'}
+          </button>
+        </form>
+        {registerMsg && <p>{registerMsg}</p>}
+      </section>
+
+      <section>
+        <h2>Rechercher un client</h2>
+        <form onSubmit={handleSearch}>
+          <label>Téléphone
+            <input value={phone} onChange={(e) => setPhone(e.target.value)} required />
+          </label>
+          <button type="submit">Rechercher</button>
+        </form>
+        {searchError && <p>{searchError}</p>}
+        {customer && (
+          <div>
+            <p>{customer.firstName} {customer.lastName}</p>
+            <p>Téléphone : {customer.phoneNumber}</p>
+            <p><strong>Points de fidélité : {customer.loyaltyPoints}</strong></p>
+            <input type="number"value={pointsInput}onChange={(e) => setPointsInput(e.target.value)}placeholder="Nombre de points"/>
+            <button type="button" onClick={() => applyLoyalty('add')}>Ajouter</button>
+            <button type="button" onClick={() => applyLoyalty('subtract')}>Retirer</button>
+          </div>
+        )}
+      </section>
+    </main>
+  );
+}

my-library/src/pages/GroupOrders.jsx

@@ -0,0 +1,167 @@
+import { useState } from 'react';
+import { useGroupOrders } from '../context/GroupOrderContext';
+import { useAuth } from '../context/AuthContext';
+
+export default function GroupOrders() {
+  const { groups, createGroup, addOrderToGroup, closeGroup } = useGroupOrders();
+  const { user } = useAuth();
+
+  const [creatorPhone, setCreatorPhone] = useState('');
+  const [joinGroupId, setJoinGroupId] = useState('');
+  const [joinForm, setJoinForm] = useState({ phoneNumber: '', bookId: '', bookTitle: '', quantity: 1 });
+  const [joinStatus, setJoinStatus] = useState({});
+  const [createStatus, setCreateStatus] = useState(null);
+
+  function handleCreateGroup(e) {
+    e.preventDefault();
+    const group = createGroup(creatorPhone);
+    setCreateStatus(`Groupe créé ! ID : ${group.id}`);
+    setCreatorPhone('');
+  }
+
+  function handleJoinGroup(e) {
+    e.preventDefault();
+    const group = groups.find(g => g.id === joinGroupId);
+    if (!group) {
+      setJoinStatus(prev => ({ ...prev, [joinGroupId]: 'Groupe introuvable.' }));
+      return;
+    }
+    if (group.status === 'CLOSED') {
+      setJoinStatus(prev => ({ ...prev, [joinGroupId]: 'Ce groupe est fermé.' }));
+      return;
+    }
+    addOrderToGroup(joinGroupId, joinForm.phoneNumber, joinForm.bookId, joinForm.bookTitle, joinForm.quantity);
+    setJoinStatus(prev => ({ ...prev, [joinGroupId]: 'Commande ajoutée au groupe !' }));
+    setJoinForm({ phoneNumber: '', bookId: '', bookTitle: '', quantity: 1 });
+  }
+
+  const openGroups = groups.filter(g => g.status === 'OPEN');
+  const closedGroups = groups.filter(g => g.status === 'CLOSED');
+
+  return (
+    <main>
+      <h1>Commandes groupées</h1>
+
+      <section>
+        <h2>Créer un groupe</h2>
+        <form onSubmit={handleCreateGroup}>
+          <label>
+            Votre téléphone :
+            <input
+              type="tel"
+              value={creatorPhone}
+              onChange={e => setCreatorPhone(e.target.value)}
+              placeholder="0612345678"
+              required
+            />
+          </label>
+          <button type="submit">Créer un groupe</button>
+        </form>
+        {createStatus && <p style={{ color: 'green' }}>{createStatus}</p>}
+      </section>
+
+      <section>
+        <h2>Rejoindre un groupe</h2>
+        <form onSubmit={handleJoinGroup}>
+          <label>
+            ID du groupe :
+            <input
+              value={joinGroupId}
+              onChange={e => setJoinGroupId(e.target.value)}
+              placeholder="Collez l'ID du groupe ici"
+              required
+            />
+          </label>
+          <label>
+            Votre téléphone :
+            <input
+              type="tel"
+              value={joinForm.phoneNumber}
+              onChange={e => setJoinForm(prev => ({ ...prev, phoneNumber: e.target.value }))}
+              placeholder="0612345678"
+              required
+            />
+          </label>
+          <label>
+            ISBN du livre :
+            <input
+              value={joinForm.bookId}
+              onChange={e => setJoinForm(prev => ({ ...prev, bookId: e.target.value }))}
+              placeholder="9782070361038"
+              required
+            />
+          </label>
+          <label>
+            Titre du livre :
+            <input
+              value={joinForm.bookTitle}
+              onChange={e => setJoinForm(prev => ({ ...prev, bookTitle: e.target.value }))}
+              placeholder="Nom du livre"
+              required
+            />
+          </label>
+          <label>
+            Quantité :
+            <input
+              type="number"
+              min="1"
+              value={joinForm.quantity}
+              onChange={e => setJoinForm(prev => ({ ...prev, quantity: e.target.value }))}
+              required
+            />
+          </label>
+          <button type="submit">Rejoindre</button>
+        </form>
+        {joinStatus[joinGroupId] && (
+          <p style={{ color: joinStatus[joinGroupId].includes('introuvable') || joinStatus[joinGroupId].includes('fermé') ? 'red' : 'green' }}>
+            {joinStatus[joinGroupId]}
+          </p>
+        )}
+      </section>
+
+      <section>
+        <h2>Groupes ouverts ({openGroups.length})</h2>
+        {openGroups.length === 0 ? (
+          <p>Aucun groupe ouvert.</p>
+        ) : (
+          <ul>
+            {openGroups.map(g => (
+              <li key={g.id}>
+                <strong>Groupe {g.id.slice(0, 8)}…</strong>
+                <br />
+                Créé par : {g.creatorPhone}
+                <br />
+                Créé le : {new Date(g.createdAt).toLocaleDateString('fr-FR')}
+                <br />
+                Participants : {g.orders.length}
+                {g.orders.length > 0 && (
+                  <ul>
+                    {g.orders.map(o => (
+                      <li key={o.orderId}>
+                        {o.phoneNumber} , {o.bookTitle} (x{o.quantity})
+                      </li>
+                    ))}
+                  </ul>
+                )}
+                <button onClick={() => closeGroup(g.id)}>Fermer le groupe</button>
+              </li>
+            ))}
+          </ul>
+        )}
+      </section>
+
+      {closedGroups.length > 0 && (
+        <section>
+          <h2>Groupes fermés ({closedGroups.length})</h2>
+          <ul>
+            {closedGroups.map(g => (
+              <li key={g.id}>
+                <strong>Groupe {g.id.slice(0, 8)}…</strong> , {g.orders.length} commande(s) , <small>Fermé ✓</small>
+              </li>
+            ))}
+          </ul>
+        </section>
+      )}
+    </main>
+  );
+}

my-library/src/pages/Home.jsx

@@ -1,9 +1,28 @@
 import { Link } from 'react-router-dom';
-import '../styles/home.css';
+import { useAuth } from '../context/AuthContext';
 
 export default function Home() {
+  const { user } = useAuth();
+
   return (
     <main>
+      <h1>Bienvenue sur Biblio</h1>
+      <p>Gérez vos livres, réservations et abonnements depuis une seule interface.</p>
+
+      <section>
+        <h2>Accès rapide</h2>
+        <ul>
+          <li><Link to="/books">📚 Parcourir le catalogue</Link></li>
+          {user?.role === 'user' && <li><Link to="/reservations">🔖 Mes réservations</Link></li>}
+          {user?.role === 'user' && <li><Link to="/loans">📖 Mes prêts</Link></li>}
+          {user?.role === 'user' && <li><Link to="/subscription">⭐ Mon abonnement</Link></li>}
+          {user && <li><Link to="/orders">🛒 Passer une commande</Link></li>}
+          {user && <li><Link to="/group-orders">👥 Commandes groupées</Link></li>}
+          {user?.role === 'admin' && <li><Link to="/customers">👤 Gestion des clients</Link></li>}
+          {user?.role === 'admin' && <li><Link to="/returns">↩️ Retours de livres</Link></li>}
+          {!user && <li><Link to="/login">Connexion</Link></li>}
+        </ul>
+      </section>
     </main>
   );
 }

my-library/src/pages/Loans.jsx

@@ -0,0 +1,54 @@
+import { useLoans } from '../context/LoanContext';
+
+export default function Loans() {
+  const { loans, returnLoan } = useLoans();
+
+  const activeLoans = loans.filter(l => l.status === 'ACTIVE');
+  const returnedLoans = loans.filter(l => l.status === 'RETURNED');
+
+  return (
+    <main>
+      <h1>Mes prêts</h1>
+
+      <section>
+        <h2>Prêts en cours ({activeLoans.length})</h2>
+        {activeLoans.length === 0 ? (
+          <p>Aucun prêt en cours.</p>
+        ) : (
+          <ul>
+            {activeLoans.map(l => (
+              <li key={l.loanId}>
+                <strong>{l.bookTitle}</strong> — {l.bookAuthor}
+                <br />
+                Emprunteur : {l.borrowerUsername}
+                <br />
+                À rendre avant le : {new Date(l.dueDate).toLocaleDateString('fr-FR')}
+                <br />
+                Prêté le : {new Date(l.loanedAt).toLocaleDateString('fr-FR')}
+                <br />
+                <button onClick={() => returnLoan(l.loanId)}>Marquer comme rendu</button>
+              </li>
+            ))}
+          </ul>
+        )}
+      </section>
+
+      {returnedLoans.length > 0 && (
+        <section>
+          <h2>Prêts terminés ({returnedLoans.length})</h2>
+          <ul>
+            {returnedLoans.map(l => (
+              <li key={l.loanId}>
+                <strong>{l.bookTitle}</strong> — {l.bookAuthor}
+                <br />
+                Emprunteur : {l.borrowerUsername}
+                <br />
+                <small>Rendu ✓</small>
+              </li>
+            ))}
+          </ul>
+        </section>
+      )}
+    </main>
+  );
+}

my-library/src/pages/Login.jsx

@@ -0,0 +1,57 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
+
+export default function Login() {
+  const { login } = useAuth();
+  const navigate = useNavigate();
+  const [form, setForm] = useState({ username: '', password: '' });
+  const [error, setError] = useState(null);
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    const ok = login(form.username, form.password);
+    if (ok) {
+      navigate('/');
+    } else {
+      setError('Identifiants incorrects.');
+    }
+  }
+
+  return (
+    <main>
+      <h1>Connexion</h1>
+      <form onSubmit={handleSubmit}>
+        <div>
+          <label>
+            Nom d'utilisateur :
+            <input
+              type="text"
+              value={form.username}
+              onChange={e => setForm(f => ({ ...f, username: e.target.value }))}
+              required
+            />
+          </label>
+        </div>
+        <div>
+          <label>
+            Mot de passe :
+            <input
+              type="password"
+              value={form.password}
+              onChange={e => setForm(f => ({ ...f, password: e.target.value }))}
+              required
+            />
+          </label>
+        </div>
+        <button type="submit">Se connecter</button>
+        {error && <p style={{ color: 'red' }}>{error}</p>}
+      </form>
+      <p>Comptes disponibles :</p>
+      <ul>
+        <li><strong>admin</strong> / admin (administrateur)</li>
+        <li><strong>alice (utilisateur)</strong> / bob (utilisateur)</li>
+      </ul>
+    </main>
+  );
+}

my-library/src/pages/Orders.jsx

@@ -1,3 +1,171 @@
+import { useState } from 'react';
+import { createOrder } from '../api/orders';
+import { getBookById } from '../api/books';
+
 export default function Orders() {
-  return <main><h1>Mes commandes</h1></main>;
+  const [customerId, setCustomerId] = useState('');
+  const [paymentMethod, setPaymentMethod] = useState('CREDIT_CARD');
+  const [address, setAddress] = useState({ street: '', city: '', postalCode: '', country: '' });
+  const [lines, setLines] = useState([{ bookId: '', quantity: 1 }]);
+  const [promoCode, setPromoCode] = useState('');
+  const [promoValid, setPromoValid] = useState(true);
+  const [estimate, setEstimate] = useState(null);
+  const [estimating, setEstimating] = useState(false);
+  const [estimateError, setEstimateError] = useState(null);
+  const [message, setMessage] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+
+  function handleAddressChange(e) {
+    const { name, value } = e.target;
+    setAddress((prev) => ({ ...prev, [name]: value }));
+  }
+
+  function handleLineChange(index, field, value) {
+    setLines((prev) => prev.map((line, i) => (i === index ? { ...line, [field]: value } : line)));
+  }
+
+  function addLine() {
+    setLines((prev) => [...prev, { bookId: '', quantity: 1 }]);
+  }
+
+  function removeLine(index) {
+    setLines((prev) => prev.filter((_, i) => i !== index));
+  }
+
+  function validatePromo(code) {
+    if (!code) return true;
+    return /^PROMO\d{1,2}$/.test(code);
+  }
+
+  function handlePromoChange(e) {
+    const code = e.target.value;
+    setPromoCode(code);
+    setPromoValid(validatePromo(code));
+  }
+
+  async function handleEstimate() {
+    setEstimating(true);
+    setEstimate(null);
+    setEstimateError(null);
+    try {
+      const ids = lines.map((l) => Number(l.bookId)).filter((n) => !isNaN(n) && n > 0);
+      if (ids.length === 0) {
+        setEstimateError('Aucun ISBN valide.');
+        return;
+      }
+      const unique = [...new Set(ids)];
+      const responses = await Promise.all(unique.map((id) => getBookById(id).then((r) => r.data)));
+      const priceMap = new Map();
+      unique.forEach((id, idx) => priceMap.set(id, responses[idx].prix ?? responses[idx].price ?? 0));
+
+      let total = 0;
+      for (const l of lines) {
+        const id = Number(l.bookId);
+        const qty = Number(l.quantity) || 0;
+        total += (priceMap.get(id) || 0) * qty;
+      }
+
+      let discounted = total;
+      if (promoCode) {
+        const m = promoCode.match(/^PROMO(\d{1,2})$/);
+        if (m) {
+          const pct = Math.max(0, Math.min(100, Number(m[1])));
+          discounted = total * (1 - pct / 100);
+        }
+      }
+
+      setEstimate({ total, discounted });
+    } catch (err) {
+      setEstimateError("Erreur lors de l'estimation.");
+      console.error(err);
+    } finally {
+      setEstimating(false);
+    }
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    setSubmitting(true);
+    setMessage(null);
+
+    const payload = {
+      customerId,
+      paymentMethod,
+      address,
+      orderLineDtos: lines.map((line) => ({
+        bookId: Number(line.bookId),
+        quantity: Number(line.quantity),
+      })),
+      ...(promoCode ? { promoCode } : {}),
+    };
+
+    createOrder(payload)
+      .then(() => setMessage('Commande créée avec succès !'))
+      .catch((error) => {
+        console.error(error);
+        setMessage(error.response?.data?.message || 'Erreur lors de la commande.');
+      })
+      .finally(() => setSubmitting(false));
+  }
+
+  return (
+    <main>
+      <h1>Passer une commande</h1>
+      <form onSubmit={handleSubmit}>
+        <label>ID client
+          <input value={customerId} onChange={(e) => setCustomerId(e.target.value)} required />
+        </label>
+
+        <h2>Livres</h2>
+        {lines.map((line, index) => (
+          <div key={index} style={{ display: 'flex', gap: '0.5rem', marginBottom: '0.5rem' }}>
+            <input type="number" placeholder="ISBN du livre" value={line.bookId}
+              onChange={(e) => handleLineChange(index, 'bookId', e.target.value)} required />
+            <input type="number" placeholder="Quantité" min="1" value={line.quantity}
+              onChange={(e) => handleLineChange(index, 'quantity', e.target.value)} required />
+            {lines.length > 1 && (
+              <button type="button" onClick={() => removeLine(index)}>Retirer</button>
+            )}
+          </div>
+        ))}
+        <button type="button" onClick={addLine}>+ Ajouter un livre</button>
+
+        <h2>Adresse de livraison</h2>
+        <input name="street" placeholder="Rue" value={address.street} onChange={handleAddressChange} required />
+        <input name="city" placeholder="Ville" value={address.city} onChange={handleAddressChange} required />
+        <input name="postalCode" placeholder="Code postal" value={address.postalCode} onChange={handleAddressChange} required />
+        <input name="country" placeholder="Pays" value={address.country} onChange={handleAddressChange} required />
+
+        <h2>Paiement</h2>
+        <label>Code promo (optionnel)
+          <input value={promoCode} onChange={handlePromoChange} placeholder="ex: PROMO10" />
+        </label>
+        {!promoValid && <p style={{ color: 'red' }}>Format invalide (ex: PROMO10)</p>}
+
+        <select value={paymentMethod} onChange={(e) => setPaymentMethod(e.target.value)}>
+          <option value="CREDIT_CARD">Carte bancaire</option>
+        </select>
+
+        <div>
+          <button type="button" onClick={handleEstimate} disabled={estimating}>
+            {estimating ? 'Estimation…' : 'Estimer le total'}
+          </button>
+          {estimateError && <p style={{ color: 'red' }}>{estimateError}</p>}
+          {estimate && (
+            <div>
+              <p>Total estimé : {estimate.total.toFixed(2)} €</p>
+              {estimate.total !== estimate.discounted && (
+                <p>Après promo : <strong>{estimate.discounted.toFixed(2)} €</strong></p>
+              )}
+            </div>
+          )}
+        </div>
+
+        <button type="submit" disabled={submitting || !promoValid}>
+          {submitting ? 'Envoi…' : 'Valider la commande'}
+        </button>
+      </form>
+      {message && <p style={{ color: message.includes('succès') ? 'green' : 'red' }}>{message}</p>}
+    </main>
+  );
 }

my-library/src/pages/Profile.jsx

@@ -1,3 +1,45 @@
+import { useAuth } from '../context/AuthContext';
+import { useReservations } from '../context/ReservationContext';
+import { useLoans } from '../context/LoanContext';
+import { useSubscription } from '../context/SubscriptionContext';
+
 export default function Profile() {
-  return <main><h1>Mon compte</h1></main>;
+  const { user } = useAuth();
+  const { reservations } = useReservations();
+  const { loans } = useLoans();
+  const { subscription } = useSubscription();
+
+  const activeReservations = reservations.filter(r => r.status !== 'CANCELLED');
+  const activeLoans = loans.filter(l => l.status === 'ACTIVE');
+
+  return (
+    <main>
+      <h1>Mon compte</h1>
+
+      <section>
+        <h2>Informations</h2>
+        <p><strong>Nom d'utilisateur :</strong> {user?.username}</p>
+        <p><strong>Rôle :</strong> {user?.role === 'admin' ? 'Administrateur' : 'Utilisateur'}</p>
+      </section>
+
+      {user?.role === 'user' && (
+        <>
+          <section>
+            <h2>Abonnement</h2>
+            {subscription ? (
+              <p><strong>Plan actif :</strong> {subscription.planName}</p>
+            ) : (
+              <p>Aucun abonnement actif.</p>
+            )}
+          </section>
+
+          <section>
+            <h2>Activité</h2>
+            <p>Réservations en cours : <strong>{activeReservations.length}</strong></p>
+            <p>Prêts en cours : <strong>{activeLoans.length}</strong></p>
+          </section>
+        </>
+      )}
+    </main>
+  );
 }

my-library/src/pages/Reservations.jsx

@@ -0,0 +1,91 @@
+import { useState } from 'react';
+import { useReservations } from '../context/ReservationContext';
+import { useLoans } from '../context/LoanContext';
+import { Link } from 'react-router-dom';
+
+export default function Reservations() {
+  const { reservations, cancelReservation } = useReservations();
+  const { addLoan } = useLoans();
+  const [loanForms, setLoanForms] = useState({});
+  const [loanStatuses, setLoanStatuses] = useState({});
+
+  function handleLoanChange(reservationId, field, value) {
+    setLoanForms(prev => ({
+      ...prev,
+      [reservationId]: { ...prev[reservationId], [field]: value }
+    }));
+  }
+
+  function handleLoan(e, reservation) {
+    e.preventDefault();
+    const form = loanForms[reservation.reservationId] || {};
+    addLoan(
+      { isbn: reservation.bookId, title: reservation.bookTitle, author: reservation.bookAuthor },
+      form.borrowerUsername,
+      form.dueDate
+    );
+    setLoanStatuses(prev => ({ ...prev, [reservation.reservationId]: 'Prêt enregistré avec succès !' }));
+    setLoanForms(prev => ({ ...prev, [reservation.reservationId]: {} }));
+  }
+
+  if (reservations.length === 0) {
+    return (
+      <main>
+        <h1>Mes réservations</h1>
+        <p>Aucune réservation pour le moment.</p>
+        <Link to="/books">← Retour au catalogue</Link>
+      </main>
+    );
+  }
+
+  return (
+    <main>
+      <h1>Mes réservations</h1>
+      <ul>
+        {reservations.map(r => (
+          <li key={r.reservationId}>
+            <strong>{r.bookTitle}</strong> — {r.bookAuthor}
+            <br />
+            Téléphone : {r.phoneNumber}
+            <br />
+            Réservé le : {new Date(r.reservedAt).toLocaleDateString('fr-FR')}
+            <br />
+            Statut : {r.status}
+            <br />
+            <button onClick={() => cancelReservation(r.reservationId)}>Annuler</button>
+
+            <details>
+              <summary>Prêter ce livre à un autre lecteur</summary>
+              <form onSubmit={e => handleLoan(e, r)}>
+                <label>
+                  Identifiant de l'emprunteur :
+                  <input
+                    type="text"
+                    value={loanForms[r.reservationId]?.borrowerUsername || ''}
+                    onChange={e => handleLoanChange(r.reservationId, 'borrowerUsername', e.target.value)}
+                    placeholder="ex: alice"
+                    required
+                  />
+                </label>
+                <label>
+                  Date de retour prévue :
+                  <input
+                    type="date"
+                    value={loanForms[r.reservationId]?.dueDate || ''}
+                    onChange={e => handleLoanChange(r.reservationId, 'dueDate', e.target.value)}
+                    min={new Date().toISOString().split('T')[0]}
+                    required
+                  />
+                </label>
+                <button type="submit">Prêter</button>
+              </form>
+              {loanStatuses[r.reservationId] && (
+                <p style={{ color: 'green' }}>{loanStatuses[r.reservationId]}</p>
+              )}
+            </details>
+          </li>
+        ))}
+      </ul>
+    </main>
+  );
+}

my-library/src/pages/Returns.jsx

@@ -0,0 +1,96 @@
+import { useState } from 'react';
+import { useReturns } from '../context/ReturnContext';
+import { getBooks } from '../api/books';
+import { useEffect } from 'react';
+
+export default function Returns() {
+  const { returns, addReturn } = useReturns();
+  const [books, setBooks] = useState([]);
+  const [form, setForm] = useState({ bookId: '', customerPhone: '', reason: '' });
+  const [message, setMessage] = useState(null);
+
+  useEffect(() => {
+    getBooks(0, 100).then(res => setBooks(res.data.content)).catch(console.error);
+  }, []);
+
+  function handleChange(e) {
+    const { name, value } = e.target;
+    setForm(f => ({ ...f, [name]: value }));
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    const book = books.find(b => String(b.isbn) === String(form.bookId));
+    const bookTitle = book ? book.title : form.bookId;
+    addReturn(form.bookId, bookTitle, form.customerPhone, form.reason);
+    setMessage({ success: true, text: 'Retour enregistré avec succès !' });
+    setForm({ bookId: '', customerPhone: '', reason: '' });
+  }
+
+  return (
+    <main>
+      <h1>Gestion des retours</h1>
+
+      <section>
+        <h2>Enregistrer un retour</h2>
+        <form onSubmit={handleSubmit}>
+          <label>
+            Livre :
+            <select name="bookId" value={form.bookId} onChange={handleChange} required>
+              <option value="">-- Choisir un livre --</option>
+              {books.map(b => (
+                <option key={b.isbn} value={b.isbn}>{b.title} — {b.author}</option>
+              ))}
+            </select>
+          </label>
+          <label>
+            Téléphone du client :
+            <input
+              name="customerPhone"
+              type="tel"
+              value={form.customerPhone}
+              onChange={handleChange}
+              placeholder="0612345678"
+              required
+            />
+          </label>
+          <label>
+            Motif :
+            <textarea
+              name="reason"
+              value={form.reason}
+              onChange={handleChange}
+              placeholder="Motif du retour..."
+              required
+            />
+          </label>
+          <button type="submit">Enregistrer le retour</button>
+        </form>
+        {message && <p style={{ color: message.success ? 'green' : 'red' }}>{message.text}</p>}
+      </section>
+
+      <section>
+        <h2>Historique des retours</h2>
+        {returns.length === 0 ? (
+          <p>Aucun retour enregistré.</p>
+        ) : (
+          <ul>
+            {returns.map(r => (
+              <li key={r.returnId}>
+                <strong>{r.bookTitle}</strong>
+                <br />
+                Client : {r.customerPhone}
+                <br />
+                Motif : {r.reason}
+                <br />
+                Statut : {r.status}
+                <br />
+                <small>{new Date(r.returnedAt).toLocaleDateString('fr-FR')}</small>
+              </li>
+            ))}
+          </ul>
+        )}
+      </section>
+    </main>
+  );
+}

my-library/src/pages/Subscription.jsx

@@ -0,0 +1,74 @@
+import { useState } from 'react';
+import { useSubscription } from '../context/SubscriptionContext';
+
+export default function Subscription() {
+  const { subscription, subscribe, cancelSubscription, PLANS } = useSubscription();
+  const [selectedPlan, setSelectedPlan] = useState('basic');
+  const [phoneNumber, setPhoneNumber] = useState('');
+  const [message, setMessage] = useState(null);
+
+  function handleSubscribe(e) {
+    e.preventDefault();
+    subscribe(selectedPlan, phoneNumber);
+    setMessage({ success: true, text: 'Abonnement créé avec succès !' });
+    setPhoneNumber('');
+  }
+
+  function handleCancel() {
+    cancelSubscription();
+    setMessage({ success: false, text: 'Abonnement annulé.' });
+  }
+
+  return (
+    <main>
+      <h1>Mon abonnement</h1>
+
+      {subscription && subscription.status === 'ACTIVE' ? (
+        <section>
+          <h2>Abonnement actif</h2>
+          <p>Plan : <strong>{subscription.planName}</strong></p>
+          <p>Prix : <strong>{subscription.price} € / mois</strong></p>
+          <p>Téléphone : {subscription.phoneNumber}</p>
+          <p>Depuis le : {new Date(subscription.startDate).toLocaleDateString('fr-FR')}</p>
+          <p>Statut : <strong style={{ color: 'green' }}>{subscription.status}</strong></p>
+          <button onClick={handleCancel}>Annuler l'abonnement</button>
+        </section>
+      ) : (
+        <section>
+          <h2>Choisir un abonnement</h2>
+          <form onSubmit={handleSubscribe}>
+            <div>
+              {PLANS.map(plan => (
+                <label key={plan.id} style={{ display: 'block', marginBottom: '8px' }}>
+                  <input
+                    type="radio"
+                    name="plan"
+                    value={plan.id}
+                    checked={selectedPlan === plan.id}
+                    onChange={() => setSelectedPlan(plan.id)}
+                  />
+                  {' '}<strong>{plan.name}</strong> , {plan.price} € / mois , {plan.description}
+                </label>
+              ))}
+            </div>
+            <label>
+              Numéro de téléphone :
+              <input
+                type="tel"
+                value={phoneNumber}
+                onChange={e => setPhoneNumber(e.target.value)}
+                placeholder="0612345678"
+                required
+              />
+            </label>
+            <button type="submit">S'abonner</button>
+          </form>
+        </section>
+      )}
+
+      {message && (
+        <p style={{ color: message.success ? 'green' : 'red' }}>{message.text}</p>
+      )}
+    </main>
+  );
+}

my-library/src/styles/global.css

@@ -0,0 +1,196 @@
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: system-ui, sans-serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #222;
+  background: #f7f7f7;
+}
+
+main {
+  max-width: 860px;
+  margin: 2rem auto;
+  padding: 0 1.25rem;
+}
+
+h1 {
+  font-size: 1.6rem;
+  font-weight: 600;
+  margin-bottom: 1.25rem;
+  color: #111;
+}
+
+h2 {
+  font-size: 1.15rem;
+  font-weight: 600;
+  margin: 1.5rem 0 0.75rem;
+  color: #333;
+}
+
+p {
+  margin-bottom: 0.75rem;
+}
+
+a {
+  color: #2563eb;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+li {
+  padding: 0.75rem 0;
+  border-bottom: 1px solid #e5e5e5;
+  line-height: 1.7;
+}
+
+li:last-child {
+  border-bottom: none;
+}
+
+/* Forms */
+
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  max-width: 480px;
+}
+
+label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.9rem;
+  color: #444;
+}
+
+input, select, textarea {
+  padding: 0.45rem 0.65rem;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 0.95rem;
+  font-family: inherit;
+  background: #fff;
+  width: 100%;
+}
+
+input:focus, select:focus, textarea:focus {
+  outline: none;
+  border-color: #2563eb;
+}
+
+/* Buttons */
+
+button {
+  display: inline-block;
+  padding: 0.45rem 1rem;
+  font-size: 0.9rem;
+  font-family: inherit;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background: #fff;
+  cursor: pointer;
+  color: #222;
+}
+
+button:hover {
+  background: #f0f0f0;
+}
+
+button[type="submit"],
+button.primary {
+  background: #2563eb;
+  color: #fff;
+  border-color: #2563eb;
+}
+
+button[type="submit"]:hover,
+button.primary:hover {
+  background: #1d4ed8;
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Sections */
+
+section {
+  margin-bottom: 2rem;
+}
+
+/* Details / summary */
+
+details {
+  margin-top: 0.5rem;
+}
+
+summary {
+  cursor: pointer;
+  color: #2563eb;
+  font-size: 0.9rem;
+}
+
+summary:hover {
+  text-decoration: underline;
+}
+
+details form {
+  margin-top: 0.75rem;
+  padding: 0.75rem;
+  background: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 4px;
+}
+
+/* Status messages */
+
+.msg-success {
+  color: #15803d;
+}
+
+.msg-error {
+  color: #dc2626;
+}
+
+/* Cards (book list etc.) */
+
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.card {
+  background: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 6px;
+  padding: 1rem;
+}
+
+.card h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-bottom: 0.25rem;
+}
+
+.card p {
+  font-size: 0.875rem;
+  color: #555;
+  margin: 0;
+}

my-library/src/styles/navbar.css

@@ -0,0 +1,56 @@
+.navbar {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 0 1.25rem;
+  height: 52px;
+  background: #fff;
+  border-bottom: 1px solid #e5e5e5;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.navbar__logo {
+  font-weight: 700;
+  font-size: 1.1rem;
+  color: #111;
+  text-decoration: none;
+  margin-right: 0.5rem;
+}
+
+.navbar__links {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  list-style: none;
+  flex: 1;
+  flex-wrap: wrap;
+}
+
+.navbar__links a {
+  padding: 0.3rem 0.6rem;
+  font-size: 0.875rem;
+  color: #444;
+  text-decoration: none;
+  border-radius: 4px;
+}
+
+.navbar__links a:hover {
+  background: #f0f0f0;
+  color: #111;
+}
+
+.navbar__actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-size: 0.875rem;
+  color: #555;
+  white-space: nowrap;
+}
+
+.navbar__actions button {
+  padding: 0.3rem 0.75rem;
+  font-size: 0.85rem;
+}

mylibrary/.gitignore

@@ -0,0 +1,38 @@
+target/
+!.mvn/wrapper/maven-wrapper.jar
+!**/src/main/**/target/
+!**/src/test/**/target/
+
+### IntelliJ IDEA ###
+.idea/modules.xml
+.idea/jarRepositories.xml
+.idea/compiler.xml
+.idea/libraries/
+*.iws
+*.iml
+*.ipr
+
+### Eclipse ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+build/
+!**/src/main/**/build/
+!**/src/test/**/build/
+
+### VS Code ###
+.vscode/
+
+### Mac OS ###
+.DS_Store

mylibrary/README.md

@@ -0,0 +1,78 @@
+# mylibrary — back-end Java (méthode BDD)
+
+Back-end du projet **2026-DEV-BUT3**. Reproduit, en Java pur, le cœur métier
+de l'API consommée par le front React `my-library/`.
+
+## Méthode
+
+Conformément au cours `maintenanceApplicativeCours1.pdf` (Behavior-Driven
+Development), pour chaque comportement on :
+
+1. Écrit le scénario attendu (en Gherkin / `.feature` ou en `@DisplayName` JUnit)
+2. Écrit le test qui le vérifie
+3. Implémente le code qui fait passer le test
+
+## Structure (calquée sur le module `customer` fourni par le prof)
+
+```
+src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/
+├─ customer/        Module fourni par l'enseignant (intact)
+│  ├─ CustomerInfo.java   record d'entrée
+│  ├─ CustomerDTO.java    DTO de sortie
+│  ├─ entity/             Customer (objet métier, règles fidélité)
+│  ├─ exception/          Exceptions métier
+│  ├─ converter/          Mapping Info <-> entity <-> DTO
+│  ├─ validator/          Règles de validation
+│  ├─ repository/         Stockage en mémoire (List)
+│  └─ usecase/            Cas d'usage (orchestration)
+└─ book/             Module développé en miroir (notre travail)
+   └─ … (mêmes sous-paquets, même découpage)
+
+src/test/java/.../mylibrary/
+├─ customer/         Tests JUnit fournis par l'enseignant
+├─ book/             Tests JUnit que nous avons écrits
+└─ features/
+   ├─ RunCucumberTest.java         (du prof, intact)
+   ├─ client/CustomerSteps.java    (du prof, intact)
+   ├─ book/BookSteps.java          (notre travail)
+   └─ resources/features/
+      ├─ client.feature            (du prof, intact)
+      └─ book.feature              (notre travail)
+```
+
+## Dépendances
+
+Strictement les mêmes que dans le template du prof :
+
+- JUnit 5 (jupiter-api, params, engine + platform-suite, platform-engine, platform-launcher)
+- Mockito (core, junit-jupiter)
+- Cucumber (cucumber-java, cucumber-junit-platform-engine)
+- Lombok
+
+## Build & test
+
+Pré-requis : **JDK 21** + **Maven 3.9+**
+
+```bash
+mvn -f mylibrary test
+```
+
+Cette commande exécute :
+
+- les tests unitaires JUnit (entity, validator, converter, repository, usecase, exceptions)
+- les scénarios Cucumber (`client.feature` + `book.feature`) via `RunCucumberTest`
+
+## Périmètre couvert
+
+Conformément à la consigne (« reproduire le strict nécessaire pour démontrer
+la maîtrise »), l'API se limite aux deux domaines présents dans le swagger
+qui structurent l'app React :
+
+- **Catalogue** (`book`) : enregistrer, consulter par ISBN, lister tous les livres,
+  refuser ISBN dupliqué, refuser un livre invalide, gérer le stock.
+- **Comptes clients** (`customer`) : enregistrer, consulter par téléphone, mettre
+  à jour, supprimer, ajouter / retirer des points de fidélité (module fourni).
+
+L'exposition HTTP réelle utilisée par les développeurs front est l'API du prof
+(`mylibrary-0.0.1-SNAPSHOT.jar`) ; ce module sert à démontrer la maîtrise
+de la **conception métier en BDD/TDD**.

mylibrary/pom.xml

@@ -0,0 +1,151 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+
+  <groupId>fr.iut_fbleau.but3.dev62</groupId>
+  <artifactId>mylibrary</artifactId>
+  <version>1.0-SNAPSHOT</version>
+
+  <properties>
+    <!--    Your java version-->
+    <maven.compiler.source>21</maven.compiler.source>
+    <maven.compiler.target>21</maven.compiler.target>
+    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+
+    <!--    Main dependencies -->
+    <lombok.version>1.18.36</lombok.version>
+
+    <!--    Test Verisons-->
+    <junit.version>5.11.4</junit.version>
+    <junit.platform.version>1.11.4</junit.platform.version>
+    <cucumber.version>7.21.1</cucumber.version>
+    <mockito.version>5.16.0</mockito.version>
+
+    <!--  Maven build version  -->
+    <maven.compiler.version>3.13.0</maven.compiler.version>
+    <maven.surefire.version>3.5.2</maven.surefire.version>
+  </properties>
+
+  <dependencyManagement>
+    <dependencies>
+      <dependency>
+        <groupId>io.cucumber</groupId>
+        <artifactId>cucumber-bom</artifactId>
+        <version>${cucumber.version}</version>
+        <type>pom</type>
+        <scope>import</scope>
+      </dependency>
+      <dependency>
+        <groupId>org.junit</groupId>
+        <artifactId>junit-bom</artifactId>
+        <version>${junit.version}</version>
+        <type>pom</type>
+        <scope>import</scope>
+      </dependency>
+    </dependencies>
+  </dependencyManagement>
+
+  <dependencies>
+    <dependency>
+      <groupId>org.projectlombok</groupId>
+      <artifactId>lombok</artifactId>
+      <version>${lombok.version}</version>
+      <scope>provided</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>io.cucumber</groupId>
+      <artifactId>cucumber-java</artifactId>
+      <scope>test</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>io.cucumber</groupId>
+      <artifactId>cucumber-junit-platform-engine</artifactId>
+      <scope>test</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>org.junit.platform</groupId>
+      <artifactId>junit-platform-suite</artifactId>
+      <version>${junit.platform.version}</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.junit.platform</groupId>
+      <artifactId>junit-platform-engine</artifactId>
+      <version>${junit.platform.version}</version>
+      <scope>test</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>org.junit.jupiter</groupId>
+      <artifactId>junit-jupiter-api</artifactId>
+      <version>${junit.version}</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.junit.jupiter</groupId>
+      <artifactId>junit-jupiter-params</artifactId>
+      <version>${junit.version}</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.junit.jupiter</groupId>
+      <artifactId>junit-jupiter-engine</artifactId>
+      <version>${junit.version}</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.junit.platform</groupId>
+      <artifactId>junit-platform-launcher</artifactId>
+      <version>${junit.platform.version}</version>
+      <scope>test</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>org.mockito</groupId>
+      <artifactId>mockito-core</artifactId>
+      <version>${mockito.version}</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.mockito</groupId>
+      <artifactId>mockito-junit-jupiter</artifactId>
+      <version>${mockito.version}</version>
+      <scope>test</scope>
+    </dependency>
+  </dependencies>
+
+  <build>
+    <plugins>
+      <plugin>
+        <groupId>org.apache.maven.plugins</groupId>
+        <artifactId>maven-compiler-plugin</artifactId>
+        <version>${maven.compiler.version}</version>
+        <configuration>
+          <encoding>${project.build.sourceEncoding}</encoding>
+          <source>${maven.compiler.source}</source>
+          <target>${maven.compiler.target}</target>
+        </configuration>
+      </plugin>
+      <plugin>
+        <groupId>org.apache.maven.plugins</groupId>
+        <artifactId>maven-surefire-plugin</artifactId>
+        <version>${maven.surefire.version}</version>
+        <configuration>
+          <properties>
+            <!-- Work around. Surefire does not include enough
+                 information to disambiguate between different
+                 examples and scenarios. -->
+            <configurationParameters>
+              cucumber.junit-platform.naming-strategy=long
+            </configurationParameters>
+          </properties>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+</project>

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/BookDTO.java

@@ -0,0 +1,22 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.entity.Category;
+import java.time.LocalDate;
+import java.util.List;
+import lombok.Builder;
+import lombok.Getter;
+
+@Builder
+@Getter
+public class BookDTO {
+  private final long isbn;
+  private final String title;
+  private final String author;
+  private final String publisher;
+  private final LocalDate publicationDate;
+  private final double price;
+  private final int quantity;
+  private final List<Category> categories;
+  private final String description;
+  private final String language;
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/BookInfo.java

@@ -0,0 +1,19 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.entity.Category;
+import java.time.LocalDate;
+import java.util.List;
+
+public record BookInfo(
+    long isbn,
+    String title,
+    String author,
+    String publisher,
+    LocalDate publicationDate,
+    double price,
+    int quantity,
+    List<Category> categories,
+    String description,
+    String language
+) {
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/converter/BookConverter.java

@@ -0,0 +1,42 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.converter;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.BookDTO;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.BookInfo;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.entity.Book;
+
+public final class BookConverter {
+
+  private BookConverter() {
+
+  }
+
+  public static Book toDomain(BookInfo book) {
+    return Book.builder()
+        .isbn(book.isbn())
+        .title(book.title())
+        .author(book.author())
+        .publisher(book.publisher())
+        .publicationDate(book.publicationDate())
+        .price(book.price())
+        .quantity(book.quantity())
+        .categories(book.categories())
+        .description(book.description())
+        .language(book.language())
+        .build();
+  }
+
+  public static BookDTO toDTO(Book book) {
+    return BookDTO.builder()
+        .isbn(book.getIsbn())
+        .title(book.getTitle())
+        .author(book.getAuthor())
+        .publisher(book.getPublisher())
+        .publicationDate(book.getPublicationDate())
+        .price(book.getPrice())
+        .quantity(book.getQuantity())
+        .categories(book.getCategories())
+        .description(book.getDescription())
+        .language(book.getLanguage())
+        .build();
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/entity/Category.java

@@ -0,0 +1,24 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.entity;
+
+public enum Category {
+  FICTION,
+  NON_FICTION,
+  SCIENCE_FICTION,
+  FANTASY,
+  MYSTERY,
+  THRILLER,
+  ROMANCE,
+  BIOGRAPHY,
+  HISTORY,
+  POETRY,
+  CHILDRENS,
+  YOUNG_ADULT,
+  SCIENCE,
+  PHILOSOPHY,
+  SELF_HELP,
+  TRAVEL,
+  COOKING,
+  ART,
+  RELIGION,
+  REFERENCE
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/exception/BookAlreadyExistsException.java

@@ -0,0 +1,13 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.exception;
+
+import java.text.MessageFormat;
+
+public class BookAlreadyExistsException extends Exception {
+
+  public static final String A_BOOK_WITH_ISBN_ALREADY_EXISTS_MESSAGE = "A book with isbn {0} already exists";
+
+  public BookAlreadyExistsException(long isbn) {
+    // ISBN passe en String pour ne pas que MessageFormat ajoute le separateur de milliers
+    super(MessageFormat.format(A_BOOK_WITH_ISBN_ALREADY_EXISTS_MESSAGE, String.valueOf(isbn)));
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/exception/BookNotFoundException.java

@@ -0,0 +1,13 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.exception;
+
+import java.text.MessageFormat;
+
+public class BookNotFoundException extends Exception {
+
+  public static final String THE_BOOK_WITH_ISBN_DOES_NOT_EXIST_MESSAGE = "The book with isbn {0} does not exist";
+
+  public BookNotFoundException(long isbn) {
+    // ISBN passe en String pour ne pas que MessageFormat ajoute le separateur de milliers
+    super(MessageFormat.format(THE_BOOK_WITH_ISBN_DOES_NOT_EXIST_MESSAGE, String.valueOf(isbn)));
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/exception/IllegalBookQuantityException.java

@@ -0,0 +1,12 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.exception;
+
+import java.text.MessageFormat;
+
+public class IllegalBookQuantityException extends Exception {
+
+  public static final String CANNOT_REMOVE_STOCK = "Cannot remove {0} units from {1} units in stock";
+
+  public IllegalBookQuantityException(int needed, int actual) {
+    super(MessageFormat.format(CANNOT_REMOVE_STOCK, needed, actual));
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/exception/NotValidBookException.java

@@ -0,0 +1,8 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.exception;
+
+public class NotValidBookException extends Exception {
+
+  public NotValidBookException(String message) {
+    super(message);
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/repository/BookRepository.java

@@ -0,0 +1,42 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.repository;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.entity.Book;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+import lombok.NoArgsConstructor;
+
+@NoArgsConstructor
+public final class BookRepository {
+
+  private final List<Book> books = new ArrayList<>();
+
+  public List<Book> findAll() {
+    return books;
+  }
+
+  public void deleteAll() {
+    books.clear();
+  }
+
+  public Book save(Book book) {
+    Optional<Book> existing = findByIsbn(book.getIsbn());
+    existing.ifPresent(books::remove);
+    books.add(book);
+    return book;
+  }
+
+  public Optional<Book> findByIsbn(long isbn) {
+    return books.stream()
+        .filter(b -> b.getIsbn() == isbn)
+        .findFirst();
+  }
+
+  public boolean existsByIsbn(long isbn) {
+    return books.stream().anyMatch(b -> b.getIsbn() == isbn);
+  }
+
+  public void delete(Book book) {
+    books.remove(book);
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/usecase/BookUseCase.java

@@ -0,0 +1,46 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.usecase;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.BookDTO;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.BookInfo;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.converter.BookConverter;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.entity.Book;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.exception.BookAlreadyExistsException;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.exception.BookNotFoundException;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.exception.NotValidBookException;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.repository.BookRepository;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.validator.BookValidator;
+import java.util.List;
+import java.util.Optional;
+
+public final class BookUseCase {
+
+  private final BookRepository bookRepository;
+
+  public BookUseCase(BookRepository bookRepository) {
+    this.bookRepository = bookRepository;
+  }
+
+  public long registerBook(BookInfo bookInfo) throws NotValidBookException, BookAlreadyExistsException {
+    BookValidator.validate(bookInfo);
+    if (bookRepository.existsByIsbn(bookInfo.isbn())) {
+      throw new BookAlreadyExistsException(bookInfo.isbn());
+    }
+    Book toRegister = BookConverter.toDomain(bookInfo);
+    Book registered = bookRepository.save(toRegister);
+    return registered.getIsbn();
+  }
+
+  public BookDTO getBookByIsbn(long isbn) throws BookNotFoundException {
+    Optional<Book> optional = bookRepository.findByIsbn(isbn);
+    if (optional.isEmpty()) {
+      throw new BookNotFoundException(isbn);
+    }
+    return BookConverter.toDTO(optional.get());
+  }
+
+  public List<BookDTO> getAllBooks() {
+    return bookRepository.findAll().stream()
+        .map(BookConverter::toDTO)
+        .toList();
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/book/validator/BookValidator.java

@@ -0,0 +1,93 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.book.validator;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.book.BookInfo;
+import fr.iut_fbleau.but3.dev62.mylibrary.book.exception.NotValidBookException;
+
+public final class BookValidator {
+
+  public static final int TITLE_MAX_LENGTH = 255;
+
+  public static final String ISBN_MUST_BE_POSITIVE = "Isbn must be a positive number";
+  public static final String TITLE_CANNOT_BE_BLANK = "Title cannot be blank";
+  public static final String TITLE_TOO_LONG = "Title cannot exceed " + TITLE_MAX_LENGTH + " characters";
+  public static final String AUTHOR_CANNOT_BE_BLANK = "Author cannot be blank";
+  public static final String PUBLISHER_CANNOT_BE_BLANK = "Publisher cannot be blank";
+  public static final String PUBLICATION_DATE_REQUIRED = "Publication date is required";
+  public static final String PRICE_MUST_BE_POSITIVE = "Price must be strictly positive";
+  public static final String QUANTITY_MUST_BE_POSITIVE_OR_ZERO = "Quantity must be >= 0";
+  public static final String CATEGORIES_REQUIRED = "At least one category is required";
+  public static final String LANGUAGE_CANNOT_BE_BLANK = "Language cannot be blank";
+
+  private BookValidator() {
+
+  }
+
+  public static void validate(BookInfo book) throws NotValidBookException {
+    validateIsbn(book);
+    validateTitle(book);
+    validateAuthor(book);
+    validatePublisher(book);
+    validatePublicationDate(book);
+    validatePrice(book);
+    validateQuantity(book);
+    validateCategories(book);
+    validateLanguage(book);
+  }
+
+  private static void validateIsbn(BookInfo book) throws NotValidBookException {
+    if (book.isbn() <= 0) {
+      throw new NotValidBookException(ISBN_MUST_BE_POSITIVE);
+    }
+  }
+
+  private static void validateTitle(BookInfo book) throws NotValidBookException {
+    if (book.title() == null || book.title().isBlank()) {
+      throw new NotValidBookException(TITLE_CANNOT_BE_BLANK);
+    }
+    if (book.title().length() > TITLE_MAX_LENGTH) {
+      throw new NotValidBookException(TITLE_TOO_LONG);
+    }
+  }
+
+  private static void validateAuthor(BookInfo book) throws NotValidBookException {
+    if (book.author() == null || book.author().isBlank()) {
+      throw new NotValidBookException(AUTHOR_CANNOT_BE_BLANK);
+    }
+  }
+
+  private static void validatePublisher(BookInfo book) throws NotValidBookException {
+    if (book.publisher() == null || book.publisher().isBlank()) {
+      throw new NotValidBookException(PUBLISHER_CANNOT_BE_BLANK);
+    }
+  }
+
+  private static void validatePublicationDate(BookInfo book) throws NotValidBookException {
+    if (book.publicationDate() == null) {
+      throw new NotValidBookException(PUBLICATION_DATE_REQUIRED);
+    }
+  }
+
+  private static void validatePrice(BookInfo book) throws NotValidBookException {
+    if (book.price() <= 0) {
+      throw new NotValidBookException(PRICE_MUST_BE_POSITIVE);
+    }
+  }
+
+  private static void validateQuantity(BookInfo book) throws NotValidBookException {
+    if (book.quantity() < 0) {
+      throw new NotValidBookException(QUANTITY_MUST_BE_POSITIVE_OR_ZERO);
+    }
+  }
+
+  private static void validateCategories(BookInfo book) throws NotValidBookException {
+    if (book.categories() == null || book.categories().isEmpty()) {
+      throw new NotValidBookException(CATEGORIES_REQUIRED);
+    }
+  }
+
+  private static void validateLanguage(BookInfo book) throws NotValidBookException {
+    if (book.language() == null || book.language().isBlank()) {
+      throw new NotValidBookException(LANGUAGE_CANNOT_BE_BLANK);
+    }
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/CustomerDTO.java

@@ -0,0 +1,15 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer;
+
+import java.util.UUID;
+import lombok.Builder;
+import lombok.Getter;
+
+@Builder
+@Getter
+public class CustomerDTO {
+  private final UUID id;
+  private final String firstName;
+  private final String lastName;
+  private final String phoneNumber;
+  private final int loyaltyPoints;
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/CustomerInfo.java

@@ -0,0 +1,4 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer;
+
+public record CustomerInfo(String firstName, String lastName, String phoneNumber) {
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/converter/CustomerConverter.java

@@ -0,0 +1,30 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer.converter;
+
+import fr.iut_fbleau.but3.dev62.mylibrary.customer.CustomerDTO;
+import fr.iut_fbleau.but3.dev62.mylibrary.customer.CustomerInfo;
+import fr.iut_fbleau.but3.dev62.mylibrary.customer.entity.Customer;
+
+public final class CustomerConverter {
+  private CustomerConverter(){
+
+  }
+
+  public static Customer toDomain(CustomerInfo newCustomer) {
+    return Customer.builder()
+        .firstName(newCustomer.firstName())
+        .lastName(newCustomer.lastName())
+        .phoneNumber(newCustomer.phoneNumber())
+        .loyaltyPoints(0)
+        .build();
+  }
+
+  public static CustomerDTO toDTO(Customer customer) {
+    return CustomerDTO.builder()
+        .id(customer.getId())
+        .firstName(customer.getFirstName())
+        .lastName(customer.getLastName())
+        .phoneNumber(customer.getPhoneNumber())
+        .loyaltyPoints(customer.getLoyaltyPoints())
+        .build();
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/entity/Customer.java

@@ -0,0 +1,30 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer.entity;
+
+
+import fr.iut_fbleau.but3.dev62.mylibrary.customer.exception.IllegalCustomerPointException;
+import java.util.UUID;
+import lombok.Builder;
+import lombok.Getter;
+
+@Builder
+@Getter
+public class Customer {
+ private UUID id;
+ private String firstName;
+ private String lastName;
+ private String phoneNumber;
+ private int loyaltyPoints;
+
+ public void setRandomUUID() {
+  this.id = UUID.randomUUID();
+ }
+
+ public void addLoyaltyPoints(int loyaltyPointToAdd) {
+  this.loyaltyPoints += loyaltyPointToAdd;
+ }
+
+ public void removeLoyaltyPoints(int loyaltyPointToRemove) throws IllegalCustomerPointException {
+  if (loyaltyPointToRemove > this.loyaltyPoints) throw new IllegalCustomerPointException(loyaltyPointToRemove, this.loyaltyPoints);
+  this.loyaltyPoints -= loyaltyPointToRemove;
+ }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/exception/CustomerNotFoundException.java

@@ -0,0 +1,13 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer.exception;
+
+import java.text.MessageFormat;
+import java.util.UUID;
+
+public class CustomerNotFoundException extends Exception {
+
+  public static final String THE_CUSTOMER_WITH_ID_DOES_NOT_EXIST_MESSAGE = "The customer with id {0} does not exist";
+
+  public CustomerNotFoundException(UUID uuid) {
+    super(MessageFormat.format(THE_CUSTOMER_WITH_ID_DOES_NOT_EXIST_MESSAGE, uuid));
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/exception/IllegalCustomerPointException.java

@@ -0,0 +1,13 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer.exception;
+
+import java.text.MessageFormat;
+
+public class IllegalCustomerPointException extends Exception {
+
+  public static final String CANNOT_REMOVE_LOYALTY_POINTS = "Cannot remove {0} points from {1} points";
+
+  public IllegalCustomerPointException(int needed, int actual) {
+    super(MessageFormat.format(CANNOT_REMOVE_LOYALTY_POINTS, needed,
+        actual));
+  }
+}

mylibrary/src/main/java/fr/iut_fbleau/but3/dev62/mylibrary/customer/exception/NotValidCustomerException.java

@@ -0,0 +1,8 @@
+package fr.iut_fbleau.but3.dev62.mylibrary.customer.exception;
+
+public class NotValidCustomerException extends Exception {
+
+  public NotValidCustomerException(String message) {
+    super(message);
+  }
+}