文件名称:headcase:headcase是冥想网站顶部空间的单页Web应用程序克隆,允许用户流式传输引导的冥想
文件大小:3.97MB
文件格式:ZIP
更新时间:2024-05-30 05:37:09
clone single-page-app meditation meditation-app JavaScript
描述 headcase是冥想网站的单页Web应用程序克隆,允许用户流式传输引导的冥想。 查看实时站点! 技术领域 前端: React Redux SCSS HTMLAudioElement API 后端: Ruby on Rails PostgreSQL 托管: AWS S3 赫鲁库 特征 用户身份验证,包括错误处理和“演示用户”登录 使用HTMLAudioElement API和DOM事件监听器构建的自定义音频播放器 用户的“用户包”的CRUD(创建,读取,更新,删除)功能 “冥想完成”,用于跟踪用户在每个“用户包”中已听过的冥想 使用Rails Active Storage和AWS S3进行媒体管理和托管 项目重点 这个项目的主要挑战是从头开始创建音频播放器。 我选择利用HTMLAudioElement API,该API使我可以访问<audio>元素的属性和方法,同时还