React
Biblioteca utilizada para construir a interface por meio de uma arquitetura baseada em componentes reutilizáveis.
Project
Alianza Elite
Landing page responsiva e multilíngue para uma comunidade de liderança, desenvolvida para apresentar a organização, atrair novos contatos e proporcionar uma experiência de usuário envolvente.
Sobre
Sobre o projeto
Alianza Elite é uma landing page responsiva desenvolvida para uma comunidade de liderança dentro da LiveGood. O principal objetivo foi criar uma presença digital profissional e envolvente, capaz de apresentar a proposta da comunidade, disponibilizar informações relevantes e ajudar na atração de novos contatos.
O projeto foi desenvolvido com React, com foco na criação de componentes reutilizáveis, design responsivo e uma estrutura de aplicação organizada e fácil de manter.
Um dos principais recursos do projeto é a experiência multilíngue, com suporte para três idiomas: inglês, espanhol e português. Implementei um sistema de internacionalização que permite ao usuário alternar entre os idiomas e manter sua preferência entre diferentes sessões.
Também utilizei n8n para automatizar parte do fluxo de tradução, facilitando o gerenciamento e o processamento do conteúdo utilizado nos diferentes idiomas.
A aplicação utiliza React Context API para gerenciamento de estado compartilhado e localStorage para persistir a preferência de idioma do usuário entre sessões. Também implementei custom hooks para separar e reutilizar lógicas da aplicação, incluindo gerenciamento de idioma, formulário de contato, funcionalidades da galeria e comportamento de rolagem.
A landing page também conta com galeria de imagens, interações de carrossel, funcionalidade de contato, layouts responsivos e componentes de interface reutilizáveis.
Este projeto me permitiu praticar a construção de uma aplicação orientada a um cenário real, trabalhando com arquitetura de componentes, gerenciamento de estado, internacionalização, automação de workflows, design responsivo e reutilização de lógica.
Technologies
Tech Stack
Technologies and tools used to build this project.
JavaScript
Linguagem principal utilizada para implementar a lógica da aplicação, interações e funcionalidades reutilizáveis.
Tailwind CSS
Framework CSS utility-first utilizado para construir uma interface responsiva e visualmente consistente.
n8n
Ferramenta de automação de workflows utilizada para automatizar parte do processo de tradução e gerenciamento de conteúdo multilíngue.
Links