Lucas Ortiz — Software Developer

Back to home

QR-code satisfaction surveys. Companies create questionnaires and follow the results; visitors respond on their phones without an account.

Public application

Explore the interface Explore the app GitHub Documentation

Management requires an account. You may need to create one to explore the app.

Explore the product.

Desktop capture

1 of 5 — Overview and indicators

Scroll inside the frame to inspect the capture.

Overview and indicators

Date, survey and collection-point filters accompany the indicators and response chart. This capture shows the management overview.

Enlarge image

.feedqr-tour_controls___vwPY { display: none; }

All screens

Overview and indicators (Open original image)
Date, survey and collection-point filters accompany the indicators and response chart. This capture shows the management overview.
Survey management (Open original image)
The list brings together surveys, statuses and creation dates. The filter distinguishes active surveys, drafts and closed surveys.
Survey creation (Open original image)
The form defines a title, optional description and public slug. This is the initial survey setup, before organizing its questions.
Management sign-in (Open original image)
Email and password provide access to management. Public surveys follow a separate flow without requiring visitor registration.
Mobile dashboard (Open original image)
The same dashboard rearranges filters, indicators and results into one column. Scroll the frame to inspect this full responsive capture.

Inside FeedQR.

Management requires authentication and associates data with each company. The diagram follows a public survey submission.

The path of a response.

One review, from submission to confirmation.

Select a step or use arrow keys while a control is focused.

Step 1 of 5 — Public interface

Explanatory playback; no data is submitted.

The visitor submits their feedback.

The survey opens on a phone without an account. Visitors answer the questions and submit their feedback.

The interface checks answers before submission.
If the connection fails, the attempt is preserved for a retry.

.undefined { display: none; }

Public interface · Vue 3

The visitor submits their feedback.

The survey opens on a phone without an account. Visitors answer the questions and submit their feedback.

The interface checks answers before submission.
If the connection fails, the attempt is preserved for a retry.

Reaching the API · Node.js · Express

The feedback reaches the server.

The interface sends answers to the API, connecting the public survey to processing and data storage.

Answering the survey requires no sign-in.
The server limits submission frequency.

Validation · Zod

The answers must be valid.

The system checks that the survey is active, answers belong to its questions and required fields are filled in.

Each question type accepts specific values.
Invalid information is rejected before feedback is recorded.

Saving · Prisma · MongoDB

The data is saved together.

Feedback is linked to the survey and collection point, when used. Saving together prevents partial records if that operation fails.

The same attempt can be confirmed without creating another review.
Confirmation proceeds only after saving has finished.

Confirmation · API → Vue

The interface confirms the result.

The API returns confirmation and the interface shows success. If the outcome is uncertain, it allows a retry without assuming the data was saved.

Success depends on a valid server confirmation.

The experience continues.

Your feedback

Your perspective.
My next step.

What does this portfolio communicate to you? Share your rating through FeedQR’s public survey and help guide the next refinements.

The portfolio survey is not available yet. You can already explore the real app through the links below.

Explore the app GitHub Documentation

Management requires an account. You may need to create one to explore the app.

Explore the real app or read the project’s source code and documentation.

Explore the product.

Overview and indicators

Inside FeedQR.

The path of a response.

The visitor submits their feedback.

The experience continues.

Your perspective.My next step.

Your perspective.
My next step.