npmachine | 烦恼便签纸

⌨Tech stack: HTML, CSS, JS, SVG

📜 About this project

这是一个用于纪念当时2024跨年的拖拽交互效果DEMO：
进入页面后，可以拖拽机械上面的便签纸，在拖动一定距离后，便签纸会被取下弹出，同时、机械会为2024灯牌充能。
该效果意指让大家在2024这一年，能够丢掉过去的烦恼，迎接新的一年。

✊️ Support me

如果不懂这个网站怎么交互、或者想了解更多内容的小伙伴可以查看演示视频👇

如果你觉得这个项目还不错的话，欢迎你的Fork或Star，非常感谢🙇‍

🛠 Set up

1. 整个网页项目使用的是原生WEB技术，没有借助任何开发框架，所以，你可以直接点击index.html进入网页
2. 该项目可以配置数据库来请求便签数据，但是这里JIEJOE没有设置后端和数据库，在进入页面loading几秒后，网页会因为超时拿不到数据而自动加载预存数据
3. 整个工程文件因为比较简单，所以JIEJOE没有添加什么注释

🎨 Color reference

Color	Hex	Block
Green	#17f700
Black	#171717
White	#f7f7f7