Avaliação Júnior - João Victor Fernandes

README.md

@@ -1,24 +1,25 @@
 # 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.
+Saudações, time Ímpar! 🖖\
+Me chamo João, tenho 20 anos e sou formado em TI\
+
+## Sobre o projeto
+Decidi fazer um pouco mais do que estava na lista de tarefas. Além de conter tudo o que foi pedido, também fiz uma API em Node.js e um switch que troca entre o tema claro e escuro, feito com Context.
+
+## Front-End
+<!--sec data-title="Your first command: OS X and Linux" data-id="OSX_Linux_whoami" data-collapse=true ces-->
+
+    $ cd frontend
+    $ yarn
+    $ yarn dev
+
+<!--endsec-->
+
+## API
+<!--sec data-title="Your first command: OS X and Linux" data-id="OSX_Linux_whoami" data-collapse=true ces-->
+
+    $ cd api
+    $ yarn
+    $ yarn dev
+
+<!--endsec-->
+

api/.gitignore

@@ -0,0 +1,13 @@
+node_modules/
+.expo/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store

api/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "first_project",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "dev": "nodemon src/index.js"
+  },
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.17.1",
+    "multer": "^1.4.4",
+    "uuid": "^8.3.2"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.12"
+  }
+}

api/src/index.js

@@ -0,0 +1,58 @@
+const express = require('express')
+const { v4: uuidv4 } = require('uuid')
+const cors = require('cors')
+
+const app = express()
+const cards = []
+
+app.use(express.json())
+app.use(cors())
+
+/*
+ *- string
+ * message - string
+ * id - uuid
+ */
+
+app.post('/cards', (req, res) => {
+  const { message } = req.body
+  cards.push({
+    message,
+    id: uuidv4()
+  })
+  return res.status(201).send()
+})
+
+app.get('/cards', (req, res) => {
+  return res.json(cards)
+})
+
+app.get('/cards/:id', (req, res) => {
+  const { id } = req.params
+  const card = cards.find(card => card.id === id)
+  return res.json(card)
+})
+
+app.put('/cards/:id', (req, res) => {
+  const { id } = req.params
+  const { message } = req.body
+
+  const cardIndex = cards.findIndex(card => card.id === id)
+
+  cards[cardIndex] = {
+    ...cards[cardIndex],
+    message
+  }
+  return res.json(cards)
+})
+
+app.delete('/cards/:id', (req, res) => {
+  const { id } = req.params
+  const cardIndex = cards.findIndex((card => card.id === id))
+
+  cards.splice(cardIndex, 1)
+
+  return res.status(200).json(cards)
+})
+
+app.listen(3333)