wild-studies

byHassen Morad

Here's a screenshot of the Studies page in my web app. It lists 4 studies with start and end dates and has a sidebar/drawer open, which displays dropdown options when the user clicks the + icon to create a new study. I want you to create a new screen with the same minimalist styling that displays screen elements when a user selects a specific existing study from this page. The top of the page should contain a horizontal menu with appropriate icons for: Survey, Calendar, Schedule, Intake, Targets. The main content of the page should be minimalist selection options for: Client, Recruiters, Sites, Users. Also add an area to specify participant incentive(s).

StudiesSurveySidebarScheduleStudy Detail
Studies

Comments (0)

No comments yet. Be the first!

Architecture

Service Dependenciesv3
External
Storage
LiteLLM Gateway :4000
Backend :7011
Frontend :7012
Client
GPT-5.2 OpenAI
(MariaDB :3306)
LiteLLM
FastAPI Server
Studies API
Study Config API
Survey API
Schedule API
Options API
Users API
React App
Browser
Studies design preview
Studies: View All Studies
Studies: Create New Study
Sidebar: Configure Study
Study Detail: Select Study
Study Detail: Set Client
Study Detail: Assign Recruiters
Study Detail: Select Sites
Study Detail: Assign Users
Study Detail: Set Incentives