TGViewer
GitHub开源观察|开源项目·热门仓库·开发者 GitHub开源观察|开源项目·热门仓库·开发者 @githubtrendinghub · 669 subscribers
Post #542 11
SemaKazi 前端启动:无框架纯原生实现

SemaKazi 是一个面向肯尼亚非正式行业工人(电工、木匠、机械师、裁缝)的可验证信誉平台。第一阶段后端已完成,包含认证、个人资料、工作证明、评价和徽章系统。现在进入第二阶段——前端开发。

作者刻意选择不用 React、不设构建步骤,仅用 HTML、CSS 和原生 JavaScript 配合 fetch 调用 API。对这类规模的项目,引入框架只会增加仪式感而非实际价值。先搭建共享骨架:api.js 统一封装所有后端调用,nav.js 根据登录状态切换导航链接,style.css 提供一致的设计样式。随后完成注册和登录页面,注册时按角色显示对应字段,登录后存储 JWT 并跳转至尚未开发的控制台页面。

开发中遇到的主要问题是目录结构:注册和登录页面位于 pages/ 子目录,内部相对路径需多一层 ../ 前缀。作者强调这属于"不熟悉而非困难",仔细检查五分钟即可解决。工作流程延续第一阶段规范:每个功能独立分支、每个文件单独提交、合并前需通过本地测试。


下一步计划是搜索页面、技工个人资料视图,以及认证页面当前跳转的控制台。仓库已公开,可随时跟进提交历史。
@GitHubTrendingHub
More from @githubtrendinghub
  1. Oct 1, 2026F-Droid 2.0:Android 开源应用商店客户端大重写 F-Droid 客户端完成一年多开发后的重写,Kotlin 替换原 Java 代码库,界面基于 Jetpack C…
  2. Oct 1, 2026Awesome Claude Skills:1000+ Claude 技能与插件精选清单 面向 Claude.ai、Claude Code 及 Codex、Cursor、Gemin…
  3. Oct 1, 2026OpenClaw:跑在自己电脑上的开源 AI 助手 它把 AI 助手接进你日常用的聊天工具,状态、记忆和凭据都留在本机,模型与 agent 框架可随时替换。个人笔记本或团队共享部署…
  4. Sep 30, 2026WSL Containers:在 Windows 里原生跑 Linux 容器 微软把 WSL 容器(WSLC)从公开预览转为正式可用,开发者不必再装独立工具,就能在 WSL 环境里…
  5. Sep 30, 2026DBX:25 MB 的跨平台数据库客户端 轻量级跨平台数据库管理工具,支持 MySQL、PostgreSQL、SQLite、Redis、MongoDB、达梦等 100+ 数据库,提…
  6. Sep 30, 2026Openship:自带 CI/CD 的自托管部署平台 指向一个仓库,它自动完成构建、发布、路由和 TLS 终结,省掉自己搭部署流水线的麻烦。适合想把应用部署到自己服务器或云上的开发…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →