TaptApp Data collection platform

Overview

This is a small web app to collect data from users for a study. It used SvelteKit, Drizzle ORM (Turso), Tailwind, and Lucia for authentication.

The data collection involves users listening to audio files and simultaneously rating them using a slider. All slider movements will be saved to we have a time course of participants' ratings throughout the audio file.

The app should use shadcn svelte components for the UI where possible.

App structure

The app will have an admin backend and a user frontend. The admin backend is used create invite links, while the user frontend is where participants will listen to audio files and provide their ratings.

Admin backend

The admin backend should be password protected. The username and password are stored in the .env file. The admin backend allows you to:

• Create invite links for participants
• View existing invite links
• View participant ratings
• Upload and manage audio files which are saved as blobs in the database.

User frontend

The user frontend is where participants will interact with the app. It allows users to:

• Access using their invite link. The invite link will contain a unique token that identifies the participant.
• Listen to audio files
• Rate the audio files using a slider
• Leave and resume their session. This means that users should be able to see which audio files they have already rated and continue from where they left off.