O projeto Casa Verde é um desafio do #7DaysOfCode da Alura, no qual devemos implementar um site de venda de plantas com base no layout figma disponibilizado e desenvolver as funcionalidades solicitadas por e-mail ao longo de 7 dias.
As seguintes tarefas foram solicitadas para a implementação:
- Implementar os componentes de menu e assinatura da newsletter.
- Transformar o CSS em styled components (optei por utilizar Sass no projeto).
- Adicionar funcionalidades de cadastro e validação de e-mail ao formulário. O botão "Assinar Newsletter" só deve ser habilitado e permitir o cadastro quando um e-mail válido for preenchido. Após o cadastro, uma mensagem de alerta com um agradecimento deve ser exibida.
- Enviar um e-mail de confirmação de cadastro para os endereços cadastrados (optei por utilizar o Emailjs).
- Conectar a aplicação a uma API de produtos.
- Alterar a seção "Ofertas" para "Nossos Produtos" e adicionar as seguintes funcionalidades:
- Ordenação das plantas por nome e preço.
- Filtro que remove da lista as plantas que estiverem fora do intervalo de preço definido.
- Fazer o deploy da aplicação na Vercel.
As tecnologias usadas foram:
- React
- Sass
- CSS modules
- Email js
Acesse o projeto publicado através deste link: https://casa-verde-gamma.vercel.app/