React Challenge 20201113 - Translation.Inc

Projeto proposto como desafio técnico da Coodesh com o consumo da API MejorconSalud

---

Scripts necessários para instalação e utilização do App

npm install

Para instalar todas depencias utilizadas, tais como:

• Redux RTK
• React Redux
• React Router DOM
• SASS
• Material UI
• React Icons

npm run allDep

Script de instalação para as depencias/libs abaixo:

• react-router-dom
• redux
• react-redux
• redux-devtools-extension
• reduxjs toolkit
• react-icons
• sass
• react-bootstrap v4.6.0
• popper.js
• material-ui/lab
• material-ui/core

npm run allRedux

Script de instalação do Redux contendo as seguintes instalações:

• redux
• react-redux
• redux-devtools-extension
• reduxjs/toolkit

npm run libs

Script de instalação constendo as seguintes libs:

• react-icons
• sass
• react-bootstrap v4.6.0
• popper.js --save
• material-ui/lab
• material-ui/core

npm start

Roda o App em ambiente de desenvolvimento. Utilize http://localhost:9045 para visualizar seu desenvolvimento.

---

Habilidades utilizadas durante desenvolimento

• Manipulação e passagem de estados com React Redux Hooks
• Consumo de API com Redux RTK Async Thunk
• Dynamic Components
• Material UI e React Icons para customização e criação de certos componentes
• BEM CSS Pattern
• SASS / SCSS
• JavaScript ES6

---

Requisitos do Projeto

HomePage

Ao abrir a Home deverá conter um buscador de artigos para facilitar aos usuários encontrarem conteúdos personalizados sobre saúde e nutrição. Deverá ser possível filtrar os artigos por: "Mais Relevantes" no topo.

Ao ter o resultado é necessário adicionar alguns elementos importantes como:

• A páginação para navegar entre os resultados
• Buscador para realizar a busca novamente
• Adicionar a quantidade de elementos encontrados
• Tratar o resultado sem artigos Mensagem: "Não existem artigos relacionados ao termo pesquisado!"

Tela do Single

Após pesquisar, deverá ser possível abrir o artigo. Para isso precisamos de uma tela para exibir o conteúdo do artigo.

Na página do single de um artigo deverá conter alguns elementos básicos:

• título
• categoria,
• data de publicação
• conteúdo(texto para leitura)
• tags
• biografias e nome do autor.

---

Deploy

Realizado deploy atravé da plataforma Vercel

Link do deploy: Trasnlation-inc

---