文件名称:typetypetype-web-app:打字速度测试。 使用PERN堆栈构建并部署在Heroku上的全栈Web应用程序
文件大小:381KB
文件格式:ZIP
更新时间:2024-03-07 07:15:44
JavaScript
关于类型 链接: : typetypetype是使用PERN堆栈(PostgreSQL,Express,React和Node.js)构建并部署在Heroku上的全栈Web应用程序。 当用户进行打字速度测试时,该应用程序会计算并显示WPM和准确性。 该应用程序还会在排行榜页面上显示所有已提交分数的表格。 每次键入正确的字符时,该字符都会消失。 如果键入了不正确的字符,则该字符会变成红色,并且直到输入正确的字符,用户才能继续前进。 测试完成后,将弹出一个窗口,显示最终的WPM,准确度百分比和所犯错误的数量。 然后,用户可以输入他们的姓名并提交分数。 所有提交的分数都存储在PostgreSQL(Heroku Postgres)数据库中。 这些分数显示在排行榜页面上的可排序表上。 代码 前端的主要代码在client / src / components中。 有三个.js文件,每个Re
【文件预览】:
typetypetype-web-app-main
----client()
--------.gitignore(309B)
--------package.json(1017B)
--------package-lock.json(1.44MB)
--------src()
--------public()
--------.eslintcache(22KB)
----.gitignore(27B)
----package.json(329B)
----server()
--------package.json(299B)
--------package-lock.json(44KB)
--------index.js(2KB)
--------database.sql(334B)
--------db.js(303B)
----package-lock.json(13KB)
----README.md(4KB)