https://github.com/mzilinassim/web4jobs-formation
Une application web responsive pour générer et gérer des emplois du temps de formation avec des modules personnalisables, des jours et des créneaux horaires.
https://github.com/mzilinassim/web4jobs-formation
css html html5 javascript netlify pdf-generation react reactjs tailwind tailwindcss
Last synced: 29 days ago
JSON representation
Une application web responsive pour générer et gérer des emplois du temps de formation avec des modules personnalisables, des jours et des créneaux horaires.
- Host: GitHub
- URL: https://github.com/mzilinassim/web4jobs-formation
- Owner: mziliNassim
- Created: 2025-04-23T23:38:30.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-28T10:09:55.000Z (about 1 month ago)
- Last Synced: 2025-04-28T11:29:17.318Z (about 1 month ago)
- Topics: css, html, html5, javascript, netlify, pdf-generation, react, reactjs, tailwind, tailwindcss
- Language: JavaScript
- Homepage: https://web4jobs-formation.netlify.app/
- Size: 547 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: docs/README.md
Awesome Lists containing this project
README
# Formation WEB4JOBS
Website Preview [ici](https://web4jobs-formation.netlify.app/)
## Générateur de Planning de Formation
Une application web responsive pour générer et gérer des emplois du temps de formation avec des modules personnalisables, des jours et des créneaux horaires.
### Fonctionnalités
- 📅 Définir les jours disponibles pour la formation
- 📚 Créer plusieurs modules de formation avec des thèmes personnalisés
- ⏱️ Assigner des modules à des jours spécifiques
- 🕒 Ajuster les créneaux horaires pour chaque module
- 🖨️ Générer des versions PDF imprimables du planning
- 📱 Design entièrement responsive
### Technologies Used
- **React** - Bibliothèque JavaScript pour construire des interfaces utilisateur
- **Tailwind CSS** - Framework CSS utility-first
- **Lucide React** - Ensemble d'icônes beau et cohérent
- **HTML5** - Pour la structure et les fonctionnalités d'impression
- **CSS3** - Pour le style et les animations
### Utilisation
1. Définir les Paramètres de Base:
- Sélectionnez le nombre de modules nécessaires pour votre formation
- Choisissez les jours de la semaine disponibles
2. Configurer les Modules:
- Nommez chaque module avec un thème spécifique
- Assignez chaque module à un jour disponible
3. Ajuster le Planning:
- Modifiez les heures de début et de fin pour chaque module
- Visualisez la durée calculée automatiquement
4. Imprimer/Exporter:
- Utilisez le bouton d'impression pour générer une version PDF
- La version imprimée est optimisée pour la lisibilité
## Générateur de Certificats
Une application web responsive pour générer et télécharger des certificats personnalisés pour les participants à des formations.
### Fonctionnalités
- 📝 Personnalisation des informations du participant (nom, prénom)
- 🎓 Personnalisation du titre de la formation
- 📅 Sélection de la date d'obtention du certificat
- 🔗 Ajout d'un lien personnalisé pour le QR code de vérification
- 📱 Interface entièrement responsive
- 🖨️ Génération de certificats en format PDF prêts à l'impression
### Technologies utilisées
- **React** :Bibliothèque JavaScript pour construire des interfaces utilisateur
- **Tailwind CSS**: Framework CSS utility-first
- **Lucide React**: Bibliothèque d'icônes modernes
- **QRCode.react**: Composant React pour générer des QR codes
- **HTML5**: Pour la structure et les fonctionnalités d'impression
### Utilisation
1. Saisir les informations du participant:
- Prénom et nom du participant
- Titre de la formation suivie
2. Définir les détails du certificat:
- Sélectionner la date d'obtention
- Personnaliser le lien du QR code de vérification
3. Télécharger le certificat:
- Utiliser le bouton "Télécharger en PDF" pour générer et sauvegarder le certificat
- Le certificat est optimisé pour l'impression au format paysage A4