Participei de um desafio de desenvolvimento front-end para criar um E-commerce em uma única página, utilizando HTML, CSS e Bootstrap, sem JavaScript.

A ausência de recursos adicionais, como JavaScript, representou um grande desafio, especialmente ao criar um E-commerce com 6 seções em uma única página. A preocupação central foi manter um código limpo e bem estruturado, respeitando as limitações técnicas impostas.

Essa abordagem proporcionou uma valiosa experiência ao explorar a organização e a responsividade do design, destacando a importância de estratégias semânticas e técnicas de layout eficazes. Este desafio demonstrou a capacidade de trabalhar com restrições, enfatizando a necessidade de uma abordagem cuidadosa e eficiente no desenvolvimento front-end, mesmo sem o uso de recursos avançados.

O projeto consiste em um amplo e detalhado site de e-commerce e um sofisticado carrinho de compras, oferecendo aos usuários uma gama de funcionalidades.

Além das possibilidades de visualizar a página principal, pesquisar produtos, adicionar itens, selecionar quantidades e gerenciar o carrinho (com opções para remover produtos e calcular o preço total das compras), o projeto abrange uma arquitetura robusta, ações interativas, diversos estados, componentes variados e múltiplas páginas.

Desenvolvido em React com JavaScript, o projeto segue a metodologia da arquitetura limpa, visando um código limpo e de fácil manutenção.

Utilizando o Redux para gerenciar o estado global da aplicação, a experiência de desenvolvimento tem sido incrível, permitindo um constante aprimoramento do projeto, com o objetivo contínuo de aperfeiçoar a funcionalidade, a eficiência e a experiência do usuário.

Você está explorando e conhecendo meu trabalho neste exato momento por meio deste portfólio!

A proposta deste espaço é disponibilizar meu currículo, apresentar meu trabalho como desenvolvedor front-end e permitir que você me conheça um pouco melhor.

Aqui, faço uso da ferramenta Redux para gerenciar o estado do componente 'ButtonBurger' em dispositivos com telas menores, como tablets, celulares ou mesmo em janelas de navegador de menor tamanho.

Em termos mais simples, o Redux possibilita a transição entre o 'estado fechado' e 'estado aberto' do menu ao clicar no ícone 'burger' para abrir e, em seguida, no ícone 'X' para fechar. Essas mudanças de estado são disparadas (dispatch) por ações (actions) e manipuladas por funções puras (reducers).

Além disso, adotei a ferramenta Tailwind CSS neste portfólio, que é uma abordagem utility-first para estilização direta no HTML. Essa ferramenta eficiente proporciona código limpo, flexibilidade e uma estética moderna. Cada classe é escolhida cuidadosamente para garantir eficiência e consistência no desenvolvimento.

Em andamento, o projeto visa oferecer soluções personalizadas em saúde, incorporando abordagens inovadoras para o atendimento presencial e digital.

A proposta abrange o desenvolvimento de um website utilizando TypeScript com React e Sass, visando fornecer uma plataforma moderna e adaptável às necessidades do setor de saúde.

Com a escolha dessas tecnologias, busca-se integrar a robustez do TypeScript com a flexibilidade e eficiência do React, juntamente com o poder de estilização do SASS, proporcionando um ambiente versátil e interativo para atender às demandas específicas desse setor em constante evolução.