Notepad

Description

FR

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étail

Client : Jean Tinland
Période : aout 2017 à mars 2018

Technologies employées

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

Fonctionnalités

Application "One page"
Plusieurs types de notes
Editeur WYSIWYG
Catégories
Chat intégré
Formulaire de contact
Upload d'images
Partage de notes