pedroparadella · adrianoforcellini · Apr 11, 2022 · Apr 11, 2022 · Apr 11, 2022 · Apr 11, 2022
diff --git a/README.md b/README.md
@@ -1,24 +1,27 @@
-# Avaliação Junior
-Olá desenvolvedor!\
-Tudo bem?! 😊\
-\
-Seja bem-vindo, o intuito do teste não é reprovar e sim conhecer seu melhor estilo de programar e resolver problemas.
+<img src="impar/src/assets/welcome-gif.gif" alt="site-template" width="800"/><br></br>
 
-## O que fazer
-1. Fazer um fork desse repositório e trabalhar no seu ambiente.
-2. Replicar o layout do link abaixo, pode usar dados de um JSON local:\
-[Link para o layout](https://xd.adobe.com/view/c715f110-fbd4-4323-be0c-0e453c1450db-9246)
-2. Fazer a funcionalidade de busca funcionar.
-3. Os cliques nos botões de editar/excluir/criar card podem exibir uma mensagem pro usuário de que a funcionalidade não foi implementada.
-4. Ao finalizar a avaliação modifique esse README com as instruções de como podemos fazer o seu código rodar na nossa máquina. Ou seja, passo a passo do que instalar e de quais comandos rodar para podermos visualizar o seu trabalho!
-5. Realizar um Pull Request para o nosso repositório e mandar um e-mail para [email protected] com o assunto "Avaliação Junior", informando que finalizou a avaliação e colocando o link do Pull Request. 
+<img src="impar/src/assets/gif.gif" alt="site-template" width="800"/><br></br>
 
-## Dicas
-* Não foi definido limite de linhas e colunas, portanto fique à vontade para tal escolha.
-* Gostamos de interfaces limpas e elegantes.
+## Seja bem vindo ao repositório do projeto Ímpar Baby.
+## Um projeto em React.js com uso de Vite, 
+## Manipulação de estados com Redux , 
+## Estilização com Styled Components , 
+## API do Mercado Livre, e  Deploy no AWS Amplify.
+<br></br>
+### Como funciona:
+### Para verificar o funcionamento na web, basta acessar:
+#### https://main.d338seei1inw34.amplifyapp.com/
 
-## Quais tecnologias usar
-* Deixaremos a seu critério qual tecnologia utilizar no entanto você terá mais pontos conosco se utilizar React para criação da interface e também o uso de pré-processadores/styled-components para o CSS.
+<br></br>
+### Para verificar o funcionamento em sua maquina local:
+#### Abre seu terminal e baixe essa aplicação com o comando:
+#### git clone https://github.com/adrianoforcellini/frontendjr/
+
+#### Entre na pasta do projeto, instale as dependências e inicie seu servidor com o comando:
+#### cd frontendjr/impar && npm i && npm run dev 
+<br></br>
+#### Agora basta acessar http://localhost:3000/ ;D
+#### ( Por padrão,o Vite executará a aplicação nesta porta, mas se ela estiver ocupada ele escolherá outra.)
+#### Por via das dúvidas, basta verificar o output do terminal:
+<img src="impar/src/assets/output.png" alt="output-terminal" width="500"/><br></br>
 
-## Desafios se você se sentir confiante
-* Usar alguma API na internet, tipo https://pokeapi.co/, para trazer os dados que vão aparecer nos cards da tela.
diff --git a/impar/.gitignore b/impar/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/impar/dist/assets/familia-feliz.4d503203.jpg b/impar/dist/assets/familia-feliz.4d503203.jpg
diff --git a/impar/dist/assets/familia-feliz2.e76dd884.jpg b/impar/dist/assets/familia-feliz2.e76dd884.jpg
diff --git a/impar/dist/assets/familia-feliz3.17e82da1.jpg b/impar/dist/assets/familia-feliz3.17e82da1.jpg
diff --git a/impar/dist/assets/favicon.17e50649.svg b/impar/dist/assets/favicon.17e50649.svg
diff --git a/impar/dist/assets/ico-lapiseira.424c4757.png b/impar/dist/assets/ico-lapiseira.424c4757.png
diff --git a/impar/dist/assets/ico-lixeira.6cbc5a66.png b/impar/dist/assets/ico-lixeira.6cbc5a66.png
diff --git a/impar/dist/assets/impar-baby-logo.64122715.png b/impar/dist/assets/impar-baby-logo.64122715.png
diff --git a/impar/dist/assets/index.74e8e906.css b/impar/dist/assets/index.74e8e906.css
@@ -0,0 +1 @@
+.carousel__main{height:40vh}@keyframes animaterOpacity{0%{opacity:0}to{opacity:1}}
diff --git a/impar/dist/assets/index.dac7d349.js b/impar/dist/assets/index.dac7d349.js
diff --git a/impar/dist/assets/search-ico.5bccef7c.png b/impar/dist/assets/search-ico.5bccef7c.png
diff --git a/impar/dist/assets/white-logo.e895556a.svg b/impar/dist/assets/white-logo.e895556a.svg
diff --git a/impar/dist/index.html b/impar/dist/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon.17e50649.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  <script type="module" crossorigin src="/assets/index.dac7d349.js"></script>
+  <link rel="stylesheet" href="/assets/index.74e8e906.css">
+</head>
+
+<body>
+    <div id="root"></div>
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
+
+
+</body>
+
+</html>
diff --git a/impar/index.html b/impar/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+</head>
+
+<body>
+    <div id="root"></div>
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
+
+    <script type="module" src="/src/main.jsx"></script>
+</body>
+
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		.carousel__main{height:40vh}@keyframes animaterOpacity{0%{opacity:0}to{opacity:1}}