Projeto Motrix 📝

Uma aplicação full-stack desenvolvida para o processo seletivo da Motrix. O front-end é um app first mobile desenvolvido em React.JS com JavaScript como linguagem principal. Também fiz a manipulação de alguns componentes do Materia.Ui. Já o back-end é uma API REST desenvolvida em Node.JS com TypeScript como linguagem principal, MySql como banco de dados e Jest para os testes unitários da aplicação. O site tem como função mostrar uma lista de posts que estão cadastrados no banco de dados, o usuário pode selecionar o que tiver interesse, ao selecionar algum ele será direcionado para a página de detalhe desse post específico, lá é possível editar, ver o histórico ou até mesmo deleta-lo. O site também conta com a opção de criar um novo post.

🛠 Tecnologias ⬇️

Front-End:

Back-End:

📃 Documentação da API no Postman

Postman

Requisito Funcionais ✔

✅ Criar, editar, listar, visualizar e apagar conteúdos;
✅ Visualizar o histórico de modificações de cada conteúdo;
✅ Cada modificação salva no conteúdo deve ser registrada como uma nova revisão, nunca sobrescrevendo ou apagando as versões anteriores anterior;
✅ O histórico de modificações deve exibir, em ordem cronológica pela data de atualização, todas as versões de um conteúdo específico, viabilizando a navegação entre as diferentes versões;
✅ Na visualização ou listagem dos conteúdos, o usuário deve ter acesso à versão mais atualizada de cada conteúdo.

Requisitos Técnicos 🛠️

✅ O front-end deverá ser desenvolvido em React, com ou sem framework;
✅ O back-end deverá ser desenvolvido em Node.js, com ou sem framework;
✅ A comunicação entre a aplicação e a camada de dados deverá ser através de uma API REST;
✅ Todos os campos de formulário devem estar com validações adequadas;

💻 Rodando o projeto na sua máquina

Pré-Requisitos

Um editor para trabalhar com o código como VSCode
Para fazer a instalação você vai precisar do Node.JS
Uma instância de um banco de dados MySQL

Como instalar e rodar

Para baixar o projeto

1. git clone https://github.com/efss7/seletivo-motrix.git

Para instalar e rodar o server (obrigatório)

2. cd seletivo-motrix/server
3. npm install

Renomeie o arquivo .env.example para .env e preencha as variáveis com seus dados do banco de dados MySQL. É muito importante para a execução do servidor.

5. npx typeorm-ts-node-commonjs migration:run -d ./src/services/DataSource.ts
6. npm run dev

Para rodar os testes unitários (opcional)

7. npm run test

Para rodar a web (obrigatório)

⚠️ Para rodar o web, é necessário deixar o servidor online (como é feito nos passos anteriores), logo depois é necessário abrir um novo terminal e rodar os comandos abaixo ⬇️

8. cd seletivo-motrix/web
9. npm install
10. npm run start

Após rodar o último comando no seu terminal, ele irá retornar um link, é necessário que coloque ele no seu navegador ou clique aqui ➡️ http://localhost:3000/