# 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