corona-motivator:Web应用程序可添加跑步活动并与您的朋友竞争

时间:2024-05-24 14:07:43
【文件属性】:

文件名称:corona-motivator:Web应用程序可添加跑步活动并与您的朋友竞争

文件大小:565KB

文件格式:ZIP

更新时间:2024-05-24 14:07:43

JavaScript

电晕激励器 关于 您和您的朋友可以在Web应用程序中输入活动,并自动对其进行排名。 排名分为三个类别 最长的个人距离 最快的时间 用户的总距离。 还有一个页面按时间顺序显示从最新到最旧的所有活动。 排名网站 排名网站显示了相应类别中的前十名条目。 有趣的是获得持续时间。 首先,我使用了“但是在遇到格式方面的麻烦之后,我决定使用字符串并在分号处拆分以获取hh:mm:ss。 布局基于。 我真的很喜欢这种技术来创建网格,您可以在其中轻松设置行和列来设置html元素的位置。 添加活动 单击按钮时,我从输入字段中获取值,然后检查值并将其最后但并非最不重要的是将它们发送到我的快速端点。 在端点处,我将数据存储在mongodb数据库中。 所有活动 结论 该项目本身一点都不困难,但对我来说更重要,这是我第一次与mongodb和heroku取得联系。 我真的很高兴您可以轻松地从这些技术开始。


【文件预览】:
corona-motivator-main
----.gitignore(13B)
----corona-otivator.png(189KB)
----README.md(2KB)
----public()
--------add.png(31KB)
--------views()
--------ranking-site.png(243KB)
--------best-seller.svg(4KB)
--------all.png(88KB)
--------scripts()
--------styles()
--------index.html(1KB)
--------liste.svg(888B)
--------ball.jpg(79KB)
--------ball.svg(2KB)
----Procfile(21B)
----.vscode()
--------settings.json(37B)
----LICENSE(1KB)
----package.json(432B)
----index.js(2KB)
----package-lock.json(19KB)

网友评论