← Voltar aos Projetos

Feedback Application

(Frontend)

Imagem do projeto Feedback Application

Tecnologias e Habilidades Aplicadas

React.jsReact HooksContext APIState ManagementReact RouterFramer MotionJavaScript (ES6+)HTML5

Descrição do Projeto

Nesse projeto frontend, desenvolvi um sistema de feedback interativo e dinâmico, utilizando React para criar uma interface de usuário fluida e responsiva. O objetivo principal foi construir uma aplicação que permitisse o gerenciamento completo de avaliações em tempo real, implementando as funcionalidades de CRUD (Create, Read, Update, Delete) de forma intuitiva. Para enriquecer a experiência do usuário, integrei a biblioteca Framer Motion, que me permitiu adicionar animações elegantes nas transições e interações, tornando a navegação mais envolvente e visualmente agradável.

O maior desafio técnico foi o gerenciamento do estado global da aplicação. Para solucioná-lo, utilizei a Context API do React em conjunto com Hooks para criar um FeedbackContext. Essa abordagem permitiu o compartilhamento de dados e funções entre os componentes de forma eficiente, centralizando a lógica de adicionar, editar e excluir feedbacks sem a necessidade de bibliotecas externas de gerenciamento de estado. Isso garantiu que a interface reagisse de forma consistente às ações do usuário.

A execução deste projeto aprimorou minhas habilidades em arquitetura de componentes React, gerenciamento de estado global e na implementação de interfaces ricas e animadas. Ao superar os desafios de manter a consistência dos dados durante as operações de CRUD e transições de UI, demonstrei minha capacidade de construir aplicações front-end robustas, escaláveis e focadas na experiência do usuário. O resultado é uma aplicação funcional, performática e com um design moderno.