Sobre   |   Tecnologias e linguagens   |   O que funciona   |   O que não funciona   |   Em Desenvolvimento   |   Pré requisitos   |   Observações   |   Desenvolvedores

🚀 Projeto desenvolvido conforme proposta de Processo Seletivo para Agência Digital M3

As seguintes ferramentas foram usadas na construção do projeto:

• HTML
• SCSS
• JavaScript
• API
• ReactJS
• Gulp
• Webpack

• Filtrar produtos por cor, tamanho e preço
• Adicionar produto ao carrinho
• Carregar mais produtos
• Responsividade

• Ordenação funciona no Chrome, porém não funciona no mozzila

• Foi observado comportamento inesperado ao carregar arquivo css no Chrome, ligado à biblioteca browser-sync. Percebi que o erro não ocorre em outros navegadores e também quando se utiliza outras bibliotecas como http-server. Provavelmente, em resumo há uma incompatibilidade entre o chrome e o browser-sync nas versões das quais testei.

  Caso utilize o Chrome, entrar no arquivo main.scss e salvar (ctrl + s), após o npm start

• Melhoria na estilização
• Criar página de carrinho
• Corrigir Bug ao rodar projeto pelo Chrome, pois no Chrome a estilização só atualiza se salvar o arquivo main.scss (ctrl + s)

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

# Clone este repositório

# Instale as dependências
$ npm install

# Para iniciar o projeto
$ npm run start

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>

Foi observado comportamento inesperado ao carregar arquivo css no Chrome, ligado à biblioteca browser-sync.
Percebi que o erro não ocorre em outros navegadores e também quando se utiliza outras bibliotecas como http-server.
Provavelmente, em resumo há uma incompatibilidade entre o chrome e o browser-sync nas versões das quais testei.

Caso utilize o Chrome, entrar no arquivo main.scss e salvar (ctrl + s)

ou

instalar http-server global

$npm install -g http-server

rodar com

$http-server

e abrir na porta indicada

link da proposta do desafio github.com/agenciam3/Desenvolvedor-M3

Izabella Brandão 🚀

👋🏽 Entre em contato! Email: [email protected]

Voltar para o topo