Appfit: protótipo de alta fidelidade para gerenciamento integrado de saúde e atividade física

Abstract

O avanço das tecnologias web e o crescente interesse por saúde e bem-estar evidenciam a necessidade de interfaces digitais capazes de organizar informações de acompanhamento físico de forma clara e acessível. Este trabalho apresenta o APPFIT, um protótipo de alta fidelidade desenvolvido como aplicação web frontend em React, TypeScript, Vite e Tailwind CSS. O objetivo principal é validar visualmente uma experiência de uso voltada ao aluno, permitindo navegação local entre login demonstrativo, dashboard, perfil, objetivo, progresso, medidas corporais, painel nutricional e treino semanal, todos com dados simulados. A metodologia adotada envolveu levantamento de requisitos, modelagem conceitual, prototipagem de telas, componentização React e análise de coerência entre documentação, interface e escopo implementado. Como resultado, o protótipo demonstra uma interface navegável e responsiva, sem backend, banco de dados, API, autenticação real, aplicativo móvel ou persistência de dados, servindo como base acadêmica para validação de experiência do usuário e para evoluções futuras.

The advancement of web technologies and the growing interest in health and well-being highlight the need for digital interfaces capable of organizing physical activity tracking information clearly and accessibly. This work presents APPFIT, a high-fidelity prototype developed as a frontend web application using React, TypeScript, Vite, and Tailwind CSS. The main objective is to visually validate a user experience focused on students, allowing local navigation through a demonstrative login, dashboard, profile, goals, progress, body measurements, nutrition panel, and weekly workout panel, all using simulated data. The adopted methodology included requirements elicitation, conceptual modeling, screen prototyping, React componentization, and consistency analysis between documentation, interface, and implemented scope. As a result, the prototype demonstrates a navigable and responsive interface, without backend, database, API, real authentication, mobile application, or data persistence, serving as an academic basis for user experience validation and future improvements.