project template

todo

1. create a npm private project for template usage

js reference

css

css transitions - CSS Animation and Display None - Stack Overflow

Research

[How to add transition animations to vanilla JavaScript show and hide methods | Go Make Things](https://gomakethings.com/how-to-add-transition-animations-to-vanilla-javascript-show-and-hide-methods/#:~:text=Hiding%20and%20element%20%23&text=To%20animate%20hiding%20them%2C%20we, style.)

npmjs package publish

1. npm init
2. npm adduser
3. npm login
4. npm whoami

Note:

1. You need to create an npm account and then verify your email address, otherwise, you won't be able to publish your packages
2. name in package.json has to be unique so that people can install it from the npmjs.com