65 lines
2.3 KiB
Markdown
65 lines
2.3 KiB
Markdown
# CV-Maker - Créez votre CV
|
|
|
|
CV-Maker est une application web permettant de créer son CV rapidement et simplement.
|
|
|
|
## Interface
|
|
|
|
### Aspect général
|
|
|
|
- desktop first. Tablette et mobile non prioritaires (nice to have)
|
|
- l'interface se compose de deux colonnes (1/3 - 2/3)
|
|
- partie latérale gauche : zones de saisie
|
|
- partie latérale droite : preview temps réel en fonction des saisies dans les zones de texte : format A4
|
|
- la saisie dans les zones de texte se fait en markdown et rendue en html dans les zones cibles
|
|
- un stockage dans le localstorage se fait en temps réel à chaque frappe pour conserver les données en cas de rechargement de la page
|
|
- possibilité d'imprimer le cv en pdf
|
|
- une page de documentation
|
|
- 1 page de rgpd
|
|
|
|
### Panneau latéral gauche
|
|
|
|
La zone de saisie est un textarea dans lesquel sont saisis des textes en markdown.
|
|
|
|
Un système de sélection de la zone affiche la zone grâce à un système de tab 1 à 5
|
|
|
|
1. zone message d'accroche
|
|
2. zone état civil + contacts + site web + github
|
|
3. zone formations
|
|
4. zone soft skills
|
|
5. zone centres d'intérêt
|
|
|
|
La zone de saisie expériences sert à saisir toutes les expériences.
|
|
|
|
Un bouton + permet d'ajouter une nouvelle expérience
|
|
|
|
Une liste numérotée des expérences s'affiche sous la zone de sasie (titre bouton modif, bouton x supprimer)
|
|
|
|
Toute nouvelle expérience s'ajoute dans la zone de preview Expériences professionnelles de haut en bas
|
|
|
|
### Panneau latéral droit
|
|
|
|
Le panneau latéral droit représente une feuille format A4. La mise en page doit représenter le cv imprimable.
|
|
|
|
Ce panneau comporte un header pour le preview du message d'accroche
|
|
|
|
Une partie gauche 1/3 de la largeur représente les sections 2 à 5
|
|
|
|
La partie droite 2/3 de la largeur représente les preview des expériences. Le titre est Expériences professionnelles
|
|
|
|
- preview temps réel au format A4
|
|
- header : message d'accroche correspond zone saisie 1
|
|
- Etat civil : correspond zone de saisie 2
|
|
- Formations : correspond zone de saisie 3
|
|
- Compétences : correspond zone de saisie 4
|
|
- Soft skills : correspond zone de saisie 5
|
|
- Centres d'intérêt : correspond zone de saisie 6
|
|
|
|
## Stack technique prévisionnelle
|
|
|
|
- Next Js
|
|
- Tailwind
|
|
- marked
|
|
- dompurify
|
|
- pwa
|
|
- pas de test pour démarrer (à prévoir pour plus tard)
|
|
- composants réutilisables |