64 lines
2.2 KiB
Markdown
64 lines
2.2 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
|
||
- Soft skills : correspond zone de saisie 4
|
||
- Centres d'intérêt : correspond zone de saisie
|
||
|
||
## Stack technique prévisionnelle
|
||
|
||
- Next Js
|
||
- Tailwind
|
||
- marked
|
||
- dompurify
|
||
- pwa
|
||
- pas de test pour démarrer (à prévoir pour plus tard)
|
||
- composants réutilisables |