Alura Geek

O alura Geek é uma loja virtual de produtos geeks.

Detalhes do projeto

Esse é o projeto que eu desenvolvi na 5ª edição do desafio Alura front-end. Na verdade eu fiz esse projeto primeiramente com js-puro e agora o refiz utilizando reactJS.

Sobre o Desafio

O desafio é desenvolver o projeto a partir do seguinte design do figma e dos cards do trello.

Veja aqui o resultado final

Habilidades que utilizei/aprendi nesse projeto

• Criei componentes funcionais controlados com useState();
• Utilizei o operador ternário, para criar componentes maleáveis, como o campo input que apresenta diversos formatos a partir do seu type;
• Fiz uso de Hooks: useState para criar a interface de comunicação entre componentes e base de dados;
• Validei formularios utilizando o validityState e estilizei com mensagens de erros específicas para cada caso;
• Tornei o site responsivo, para que se adapte a diversos tamanhos de telas, desde celulares pequenos a telas ultrawide;
• Utilizei as seguintes bibliotecas: uuid - para geração de IDs únicos, piii - para filtragem de palavrões;
• Boas práticas: BEM(Block-Element-Modifier) para tornar o CSS mais semântico.