MKS Front-end Challenge

📄 Descrição

O desafio consiste em criar uma aplicação web que consuma a API de produtos da MKS e exiba os produtos em uma vitrine, podendo ser adicionados ao carrinho de compras e dentro do carrinho de compras, o usuário poderá aumentar ou diminuir a quantidade de produtos, além de poder remover o produto do carrinho e consultar o valor total da compra.

📑 Observação

Desenvolvi esse projeto com o intuito de mostrar minhas habilidades em desenvolvimento front-end, utilizando as tecnologias mais atuais do mercado, como React, Next.js, TypeScript, Styled-Components, React Query, Jest, entre outras.

Ver o projeto

Instruções para rodar o projeto localmente

Caso deseje rodar o projeto localmente, siga os passos abaixo:

 # Clone este repositório
 $ git clone https://github.com/luizfelipe9627/mks-frontend-challenge

 # Acesse a pasta do projeto no terminal/cmd
 $ cd mks-frontend-challenge

 # Instale as dependências
 $ npm install

 # Execute a aplicação em modo de desenvolvimento
 $ npm run dev

 # O servidor iniciará na porta:3000
 $ http://localhost:3000

Testes unitários

Os testes unitários foram feitos utilizando a biblioteca Jest, tem o objetivo de testar as funções que manipulam os dados da aplicação. Para executar os testes, siga os passos abaixo:

 # Execute os testes unitários
 $ npm run test

Testes unitários em modo watch

Os testes unitários em modo watch, tem o objetivo de executar os testes e ficar observando as alterações nos arquivos de teste, para executar os testes novamente. Para executar os testes em modo watch, siga os passos abaixo:

 # Execute os testes unitários em modo watch
 $ npm run test:watch

Tecnologias Utilizadas

• React
• Next.js
• TypeScript
• Styled Components
• React Query
• React Loading Skeleton
• Jest
• Testing Library
• Framer Motion
• ESLint

🧑‍💻 Criador

Luiz Felipe Silva

📷 Me siga nas redes sociais