Short demo of application "wellbeing matters" created for gathering data from picture based surveys for children and disability students.
Stack:
NextJS & React with Typescript
TailwindCSS
Zod
Jest - testing API
Express API
MongoDB/Mongoose
MongoDB Image storage with multer and gridfs
Docker
User authentication screen
Participant List screen
Description:
Once user is authenticated, list of participants that belog to is displayed.
Each particiapnt can click on their name and take a survey that has been assigned to the group.
Survey
Description:
Participant answers series of questions.
Once participant complete the survey, thank you message is displayed and user photo is blured until next attempt is allowed.
Gathered answers are submitted to the sever.
Participant List screen with participant waiting for next attempt
Survey Statistic Dashboard:Description:
All data gathered from surveys is accessible through admin dashboard
More info
Full version of application allows to design surveys,manage groups/participants and visualize gathered data and more..
About
Application for creating surveys and capturing data
