Retour au portfolio
en

Notepad

Description

Application web de prise de note.

Ce projet prend place dans différents contextes : personnel, professionnel & scolaire. L’idée est de pouvoir accéder à des ressources diverses où que je sois.

Il s’agit donc de mettre en place une solution de bloc-notes. Ce dernier doit être accessible via navigateur (desktop & mobile).

A ses débuts très simple, mon application de notes a rapidement évolué afin de répondre à mes besoins. La plus grosse évolution étant l'ajout d'un 3ème type de notes (s'ajoutant aux 2 éxistants : simple text & code). Ce 3ème type intègre un éditeur de text WYSIWYG permettant la rédaction de document plus structuré et riches. Un système de partage de note est également venu se greffer à l'existant.

3 refontes graphiques ont été nécessaires avant de parvenir à un rendu satisfaisant. La dernière refonte intègre la librairie Material Design Lite qui vient moderniser l'interface grâce à tout un lot d'animations et de styles simples et efficaces.'

Le dévelopement de cette application a été un excellent exercice permettant d'améliorer grandement ma compréhension du Javascript à travers jQuery & l'Ajax lié au PHP.

J'envisage de redévelopper ce concept avec des technologies plus modernes telles que React et en mettant en place une API en PHP.

Détails

Client : Jean Tinland
De août 2017 à mars 2018

Outils utilisés :

  • HTML5
  • CSS3
  • Less
  • Material Design Lite
  • Javascript
  • jQuery
  • TinyMCE
  • Highlight.js
  • PHP
  • MySQL

Fonctionnalités :

  • Application "One page"
  • Plusieurs types de notes
  • Éditeur WYSIWYG
  • Catégories
  • Tchat intégré
  • Formulaire de contact
  • Mise en ligne d'images
  • Système de partage de notes