jchaikhi / md-editor

md-editor

Un éditeur de markdown reposant sur codemirror et permettant une preview (live et/ou action de l'utiisateur, à vous de voir), avec deux panneaux juxtaposés, qui puisse fonctionner en ligne ou en local. Le choix des librairies est à votre libre appréciation.

C'est un travail personnel, qui a pour but, pour vous comme pour nous, de permettre d'évaluer les compètences que vous avez acquis. Il reste un mois de formation, c'est le moment de mettre à l'épreuve le savoir que vous avez accumulé avec une mise en application similaire à celle que vous aurez en entreprise. Il n'est biensûr pas interdit de demander de l'aide à ses camarades ou aux formateurs, mais uniquement via slack sur un channel dédié, et on ne se refile pas de code, on respecte le temps de ses camarades en faisant le nécessaire en recherches en amont par soi-même et en posant des questions précises avec des éléments à l'appui (messages d'erreurs, recherches effectuées, page relative dans la doc...). Seuls les formateurs peuvent intervenir de vive voix.

N'hésitez pas également à améliorer ce document via un pull request et à poser des questions via les issues

Objectifs :

1ère étape (3j max)

• Créer un éditeur de markdown avec CodeMirror 2 avec preview
• Ajouter une fonctionnalité de prévisualisation
• Sauvegarder les fichiers dans localStorage (comprendre localStorage - developpez.net, doc MDN)
• Déployer sur une github Page

2ème étape (2j max)

• Utiliser les sessions en PHP pour persister les donnéess côté serveur (en désactivant localStorage)

Bonus

• Mode Offline
• Import et export de fichiers Markdown
• No distraction mode
• API & auth avec laravel
• Electron
• Déploiement sur un VPS (smp, perso, heroku...)

Préparation & modalités

• Validation du trello et du choix des technos/librairies avant de commencer à coder
• Pomodoro et trello obligatoire
• Code sur github (fork de ce repo)

Evaluation

• code review commentée (facilitez nous la vie, faites de commit clairs en ajoutant les fichiers uniquement lié à la fonctionnalité que vous implémentez)
• organisation du trello

Nous prêterons attention à la qualité de votre code, ainsi qu'à l'organisation autour du projet (clarté des commits, précision des tâches) et attendons du professionalisme de votre part (pas de fonctionnalité farfelu ou inutile, une attention à l'accessibillité et l'expérience utilisateur, pas de choix esthétiques douteux; communication claire et apaisée avec vos camarades...)

Have fun !