Nippon color
copy nippon-color PWA build with vue-cli 3
Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY The project is written primarily in JavaScript, first published in 2018. Key topics include: pwa, vue-cli3, vue2-demo.
nipponcolor
PWA
<!-- https://www.flaticon.com/packs/japan-21 --> <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>v1.0.0
v1.0.0 release :tada:
:sparkles: Add random color button
:lipstick: Design adjustment
:zap: Compress background image
:bug: Scroll to top while color sort is changed
TODO
- favor color
- how to use pwa
- better scroll experience
- hover & active
- optimise font color base on background color manually
- optimise sort of color manually
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
deploy
run deploy.sh
Lints and fixes files
npm run lint
Run your unit tests
npm run test:unit
Troubleshooting
- For gh-pages, use relative address in
manifest.json - Use
npminstead ofcnpmwhen HMR not working. Reference
Changelog
Read in wiki
Contributors
Showing top 1 contributor by commit count.
This article is auto-generated from SSShooter/nippon-color via the GitHub API.Last fetched: 6/19/2026
