we can generate HTML/JS/CSS/manifest.json/pwa icons all with webpack.

• https://developer.mozilla.org/en-US/docs/Web/Manifest
• https://manifest-validator.appspot.com/

http://en.wikipedia.org/wiki/Thai_alphabet#Tone

• in react
• datas in redux
• new routes (letters…) using react-router 4
• switch to preact

• https://github.com/pazguille/offline-first
• http://blog.88mph.io/2017/07/28/understanding-service-workers/
• https://serviceworke.rs/
• https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
• https://zach.codes/handling-client-side-app-updates-with-service-workers/

Make a banner prompt

• https://developers.google.com/web/fundamentals/app-install-banners/

Be able to switch between consonants, vowels and so on…

• by meaning
• by latin name

http://thai-language.com/ref/special-symbols

Maybe switch back to React if needed

https://reactjs.org/docs/react-component.html#fragments

https://github.com/Hiswe/thailpha/blob/master/js/char-detail.jsx#L15-L18

Because we want to be able to change hosting without changing the address

• add domain name
• modify in share
• modify in Thaime

https://workboxjs.org/

Should put the letter in first position

can be found here:

http://www.thai-language.com/ref/consonants

Have to ask about licence

on gh pages hosting is done like https://hiswe.github.io/thailpha

not good for manifest.json (mo scope support right now)

And don't want to go in the trouble of having a custom domain with SSL enabled for GH-pages

webshare API

see implementation here

http://en.wikipedia.org/wiki/Thai_alphabet#Vowels

http://en.wikipedia.org/wiki/Thai_numerals

• http://thai-language.com/ref/vowels#diphthong-chart
• https://en.wikipedia.org/wiki/Thai_alphabet#Vowels

To fix appearance I have to made some changes.
Unfortunately in the process, I have lost some variants.
So check them all gain

• short-01-sara-a
• long-01-sara-a
• short-02-sara-i
• long-02-sara-i
• short-03-sara-ue
• long-03-sara-ue
• short-04-sara-u
• long-04-sara-u
• short-05-sara-e – issue: Have to check about the แอ็- accent
• long-05-sara-e
• short-06-sara-ae
• long-06-sara-ae
• short-07-sara-o
• long-07-sara-o
• short-08-sara-o
• long-08-sara-o
• short-09-sara-oe
• long-09-sara-oe
• add miscellaneous one (am)

*beware: wikipedia tend to show additional dotted circle

Ressources

• https://en.wikipedia.org/wiki/Thai_alphabet#Vowels
• http://www.omniglot.com/writing/thai.htm
• https://www.thaialphabet.net/vowels-chart/
• http://www.thai-language.com/ref/vowels <= this one one seems to be very exhaustive

• js
• css
• html

Better to write “how to read”

https://github.com/surge-sh/gulp-surge

fucking anoying

firebase/firebase-tools#86

or just do it manually with

firebase deploy

Will need this in order to be SPA compatible

https://github.com/rafrex/spa-github-pages

Animations are disabled for now:

reactjs/react-transition-group#208

keeping the same module

• https://hackernoon.com/animated-page-transitions-with-react-router-4-reacttransitiongroup-and-animated-1ca17bd97a1a
• https://github.com/gianlucacandiotti/react-router-transitions

changing module

check this for search animation

• https://www.npmjs.com/package/react-motion

or this for transitions

• https://github.com/twitter-fabric/velocity-react

a guide to animating in react

• https://medium.com/react-native-training/react-animations-in-depth-433e2b3f0e8e