Water wave style page designed based on next.js and three.js
About
Designed a front-end for water wave simulation in ink, watercolor, pixel and other styles. It can be customized by yourself and has designs such as normals. Used for front-end learning.
Source
Loading source…
Source
kenchan6666 / Frontend_studies
Public| Name | Type |
|---|---|
| dir | |
| dir | |
| dir | |
| dir | |
| dir | |
| file | |
| Markdown |
一个以前端视觉体验为重点的本地演示应用：紫色像素水波登录页会响应鼠标、点击和触摸；登录后可浏览水彩与水墨两种动态主题。后端仅负责本地账号验证与会话。
cd backend
python -m venv .venv
.\.venv\Scripts\Activate.ps1
pip install -e ".[dev]"
python scripts/seed_demo_account.py
uvicorn app.main:app --reload --port 8000种子脚本会创建本地演示账号。密码通过脚本参数或交互输入提供，仓库不会保存明文密码。
当前本地演示账号：
demosecret附加本地账号：
123123另开终端：
cd frontend
npm install
npm run dev打开 http://localhost:3000。前端会将 /api/* 代理到 http://127.0.0.1:8000。
cd backend
pytestcd frontend
npm run lint
npm run typecheck
npx playwright test完整人工验收步骤见 specs/001-interactive-ripple-login/quickstart.md。
backend/data/accounts.json。backend/data/sessions.json 是运行时文件，不应提交。