mirror of
https://github.com/zerosoul/chinese-colors.git
synced 2025-02-11 21:00:10 +08:00
2.2 KiB
2.2 KiB
Chinese Color
![PC UI](/mirror/chinese-colors/media/commit/2111647ab461f1d91e77c92da701e1c400b98608/demo/pc.png)
Features
- Build with react.js 👏
- PWA supported ☕️
![PWA Logo](/mirror/chinese-colors/media/commit/2111647ab461f1d91e77c92da701e1c400b98608/demo/pwa.jpg)
- Responsive (Mobile First) 📱
![Mobile UI](/mirror/chinese-colors/media/commit/2111647ab461f1d91e77c92da701e1c400b98608/demo/m.png)
- Highlight the selected color ✨
- Classify the colors 🚥
- Copy HEX 🖨
- Add to favorites 😍
- Poetry aside 😘
- Wallpaper/Image Card (not stable, welcome feedback) 🌸
![screen shot](/mirror/chinese-colors/media/commit/2111647ab461f1d91e77c92da701e1c400b98608/demo/wallpaper.png)
![card image](/mirror/chinese-colors/media/commit/2111647ab461f1d91e77c92da701e1c400b98608/demo/card.png)
Technology Stack & Thanks
- create-react-app
- react.js
- styled-components: CSS-IN-JS Best Practice
- eslint + prettier: for better code
- husky + commitlint: for better git commit format
- html2canvas
- pinyin: convert Han to pinyin
- react-copy-to-clipboard: enable copy
- iconfont.cn: icons
- https://www.transparenttextures.com/: awesome pattern images
- 今日诗词
- Thanks the great Open Source
Local Development
clone: git clone https://github.com/zerosoul/chinese-colors.git
init: cd chinese-colors && npm install
run: npm run start
enjoy: http://localhost:8099/
Changelog
Reference
- Color data source:中国传统颜色
- UI:nipponcolors.com