这是周末挑战:狗日版的稿件 I Built PawGuard是一个社区网络平台, 当有人发现一条狗处于危险之中(无论是没有被水锁住、被汽车撞倒或被丢弃)时,他们可以随同他们的GPS位置、照片、紧急程度,在有需要时甚至匿名提交报告。
这些警报通过WhatsApp和电子邮件直接传递给当地救援联络人和志愿者,以便人们能够迅速响应.
除紧急报告外,该平台还包括失物招领板和被找到的宠物(带有可即时打印的传单),收养和寄养板,以及动物福利实用指南等.
我和PawGuard的主要目的, 是去除在街上看到动物受苦与实际得到帮助之间的摩擦.
人们往往不知道该给谁打电话,也不知道在哪里报告疏忽.
PawGuard给日常的人们一个直接,快速的说话方式,让他们与可以介入的志愿者联系起来.
Demo https://paw-guard-two.vercel.app 页面存档备份,存于互联网档案馆.
代码:https://github.com/comzzy-comzzy/PawGuard 如何建造 它使用React 18, TypeScript, 和Vite 构建了 PawGuard 作为响应的单页网页应用程序,其风格取自 Tailwind CSS 和自定义 CSS 动画键框.
少数关键技术决定塑造了这个构件: 零延迟紧急调度: 与其将紧急报告锁定在认证后或等待慢后端管道, 我构建了客户端的分解和路由, 救援人员获得准确的位置和照片,并实时直接传送到他们的手机上.
动态音频自定义动画:动物救援平台往往会感到阴暗而沉重.
我用Web Audio API 来做轻量级的合成音效 和为我们的犬类吉祥物定制键框动画, 创造了一种接触,欢迎经验 而不膨胀的页面载荷时间。
即时打印可活化生成:对于丢失和被抛弃的狗,我们直接在浏览器中执行客户端-侧式活化生成,因此社区成员可以立即打印或共享高可见度搜索通知.
被引导摄入伴("皮克"): 我进行了互动对话,通过收集救援所需的基本细节(确切的地标、狗的状况、即时威胁),逐步强调证人。
最佳使用Google AI——用双子座 3.7(高理性)我借由由双子座 3.7(高推理模式)提供Google Antigravity作为整个项目的核心开发和建筑副驾驶.
以双子座 3.7 的深度多步推理: • 我为复杂的多模块形式(滥用摄取,寄养应用,和丢失的宠物贴出)设计了弹性状态流. • 我迅速设计并完善了交互分类逻辑和地理定位倒计时,确保即使网络条件或定位服务不畅,报告格式准确。 • Antigravity帮助我实施了清洁的,完全打入的TypeScript schemas和自定义的UI微互动,大幅缩短了开发时间,同时保持了代码库模块化和可维护性.
获奖类别 谷歌AI最佳使用.
团队提交:你好,我是一个独奏者 我还没有增加任何人 我的团队