avaliacao_junior

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1,24 +1,59 @@
-# 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.
-
-## 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. 
-
-## Dicas
-* Não foi definido limite de linhas e colunas, portanto fique à vontade para tal escolha.
-* Gostamos de interfaces limpas e elegantes.
-
-## 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.
-
-## 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.
+# Projeto Ímpar
+Esse projeto foi feito em React e utilizado Firebase para o backend.
+
+Tem o intuito de criação de cards com conteúdo de texto e uma imagem para sua referência.
+
+# Instalação do projeto
+
+1º Clone o repositório para sua máquina:
+```
+git clone https://github.com/bquintiliano/frontendjr.git
+
+```
+
+2º Acesse a pasta clonada e instale as dependências:
+```
+cd "caminho da pasta clone"
+npm install
+
+```
+3º Após finalizar a instalação das dependências já é possível executar o projeto para utilização:
+```
+npm run start
+
+```
+4ª Se desejar realizar a publicação do projeto, utilize o comando abaixo para a criação dos arquivos para deploy dentro da pasta "build" que será criada após executar o comando:
+```
+npm run build
+
+```
+Copie o conteúdo da pasta "build" para seu Web Server.
+
+# Utilizando o projeto
+## Criando Cards:
+Para criação dos Cards clique em "Novo Card" preencha o campo do Nome e selecione uma imagem correspondente. 
+
+![Adicionando Cards](gifs/add_Card.gif)
+
+## Editar Cards:
+
+Clicando em editar em um dos cards é possível atualizar o nome do Card ou a sua foto.
+
+![Editando Cards](gifs/edit_Card.gif)
+
+## Excluir Cards:
+
+Clicando em excluir em um dos cards é possível remover ele da listagem.
+
+![Excluindo Cards](gifs/delete_Card.gif)
+
+## Pesquisa de Cards:
+
+No campo de busca é possível localizar os cards da listagem, é necessário inserir o nome exato do Card.
+
+![Pesquisando Cards](gifs/search_Card.gif)
+
+# Considerações do teste:
+
+Configuração do firebase exposta para o funcionamento do teste, banco em modo de desenvolvimento.
+