Go back to portfolio

Notepad 2


I decided to rework my personal online notepad in November 2018 that I based on the previous one (made in March 2018).

The goal was to lighten the whole project so I started from scratch.

The first step to make it lighter was to scan all the functionalities of the old version and keep only the ‘vital ones’. I decided to remove the online chat, the contact form, note sharing, some types of notes and other “gadgets”.

I then abandoned some libraries such as jQuery, Material Design Lite and TinyMCE.

I decided to redo the design of the website from start to finish. I based on a darker theme (not just because it is better for the eyes but for many other reasons).

I also integrated QuillJS (lighter and independent from jQuery WYSIWYG text editor) replacing TinyMCE. I also added a small built-in library allowing the user to order his or her categories and notes with a simple slide and drop.

In order to finalise this project, I simply need to find notes to develop.

Once finished, I always have the ideo to re-develop it with modern technologies such as React or add Custom Elements (which I used for my latest portfolio).


Client: Jean Tinland
Since November 2018

Used tools:

  • HTML5
  • CSS3
  • Sass
  • Javascript
  • QuillJs
  • Highlight.js
  • PHP
  • MySQL
  • Simplebar
  • Librairie drag'n drop


  • "One page" application
  • WYSIWYG editor
  • Categories