Skip to content

NoSpof/Library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Library

🚀 Fonctionnalités

  • Authentification :

      Support Keycloak et Google OAuth
      Gestion des sessions sécurisée avec NextAuth.js
      Protection des routes API
    
  • IntĂ©gration Google Drive :

      Parcours des dossiers Drive par ID
      Listage automatique des fichiers PDF
      Affichage des métadonnées (nom, auteur, date, taille)
    
  • Visionneuse PDF :

      Lecteur PDF intégré avec react-pdf
      Navigation page par page
      Interface responsive et moderne
      Ouverture en mode plein écran
    

📦 Installation

Clonez et installez les dépendances :

npm install

Configurez l'environnement (.env.local) :

# Configuration NextAuth
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=votre-secret-nextauth

# Configuration Keycloak
KEYCLOAK_ISSUER=https://votre-keycloak.com/realms/votre-realm
KEYCLOAK_CLIENT_ID=votre-client-id
KEYCLOAK_CLIENT_SECRET=votre-client-secret

# Configuration Google
GOOGLE_CLIENT_ID=votre-google-client-id.googleusercontent.com
GOOGLE_CLIENT_SECRET=votre-google-client-secret

# Dossier par défaut (optionnel)
NEXT_PUBLIC_DEFAULT_FOLDER_ID=id-du-dossier-drive

Lancez l'application :

npm run dev

đź”§ Configuration requise

  • Keycloak :

    Créez un client dans votre realm

    Configurez les URLs de redirection : http://localhost:3000/api/auth/callback/keycloak

  • Google Cloud Console :

      Activez l'API Google Drive
      
      Configurez les URLs autorisées : http://localhost:3000/api/auth/callback/google
    
      Ajoutez les scopes : openid email profile https://www.googleapis.com/auth/drive.readonly
    

đź’ˇ Utilisation

  • Connexion : Choisissez entre Keycloak ou Google
  • SĂ©lection du dossier : Entrez l'ID du dossier Google Drive contenant vos PDFs
  • Navigation : Parcourez la liste des ebooks avec leurs mĂ©tadonnĂ©es
  • Lecture : Cliquez sur "Lisez-moi" pour ouvrir la visionneuse PDF

🎨 Interface

L'application utilise Tailwind CSS pour une interface moderne et responsive avec :

  • Design Ă©purĂ© et professionnel
  • Navigation intuitive
  • Visionneuse PDF plein Ă©cran
  • Indicateurs de chargement
  • Gestion d'erreurs Ă©lĂ©gante

About

Next.js library for pdf file

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published