Teste Front-end Maeztra
📃 Sobre
Teste prático de Front-end, home page de um e-commerce
🔨 Tecnologias e ferramentas utilizadas
Este projeto foi desenvolvido com as seguintes tecnologias e ferramentas:
🔧 Instalação e execução
Para baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o Git.
Com o Git instalado, em seu terminal execute o seguinte comando:
git clone https://github.com/luansilvae/layout-teste-maeztra.git
Para instalar as dependências é preciso estar dentro da pasta do projeto e terá que ter instalado em sua máquina o Node.js, que vem acompanhado do NPM. Com ele instalado:
Instale as dependências do projeto:
npm install
Execute o projeto:
npm run dev
👨💻 Desenvolvimento
- Foi utlizado a ContextAPI do React para compartilhar com todos os componentes da aplicação os estados e as funcionalidade do carrinho de compras.
- Dentro da pasta src há um arquivo chamado products.json, ele é usado para simular um retorno de uma api com os dados usados na aplicação.
🚀 Deploy
O projeto foi hospedado na Vercel e pode ser visualizado por essa url https://layout-teste-maeztra.vercel.app/
Libs
- Swiper: Componentes de slider
- React Toastify: Alertas de toast notification
📲 Contato
Entre em contato comigo por e-mail ou pelo meu LinkedIn: