Desafio full-stack

.gitignore

@@ -1,23 +1,14 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
+# Local
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+coverage
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea

.prettierignore

@@ -0,0 +1,4 @@
+# Lock files
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "none",
+  "arrowParens": "avoid"
+}

PULL_REQUEST.md

@@ -0,0 +1,60 @@
+## Aplicação de TODO's
+
+Aplicação criada para o gerenciamento de TODO's
+
+#### Funcionalidades
+- Criação, edição, listagem e deleção de TODO's
+- Filtros para a listagem de TODO's
+- Paginanação para a listagem de TODO's
+
+#### Principais tecnologias utilizadas
+
+Front-end
+
+- React
+- Typescript
+- Sass
+- Rsbuild
+- Jest
+- React-testing-library
+
+Back-end
+
+- NestJS
+- Typescript
+- MongoDB
+- Docker
+
+### Como executar
+
+**Pré-requisitos**
+- [NodeJS](https://nodejs.org/pt)
+- [Docker](https://docs.docker.com/)
+
+Primeiro, é preciso executar o servidor, basta abrir o repositório backend e executar os seguintes comandos em sequência
+```bash
+    # Instala todas as dependências do projeto
+    npm install
+
+    # Executa o projeto na porta 3002
+    docker-compose up -d --build
+```
+
+Logo após, a aplicação front-end pode ser executado, basta abrir o repositório frontend e executar os seguintes comandos em sequência
+```bash
+    # Instala todas as dependências do projeto
+    npm install
+
+    # Executa a aplicação na porta 3000
+    npm run dev
+```
+
+#### Algumas informações que podem ser imporantes quando tomei algumas decisões
+
+- **Escolhe do banco de dados**: Como é uma aplicação bem simples, que não tem uma quantidade muito grande de dados, que não tem vários "registros" que se relacionam e que tem uma complexidade relativamente baixa, decidi utilizar o Mongodb, um NoSQL já resolveria o problema.
+
+- **Escolha do framwork backend**: Utilizei o NestJS por estar mais familiarizado com o framework.
+
+- **Escolhe na inicialização da aplicação React**: Vi que o projeto base foi construido utilizando o CRA, como ele foi descontinuado e não terá suporte para futuras versões, utilizei o boilerplate do RsBuild, que além de ainda ser mantido, também utiliza Rust para a criação do bundler da aplicação, que é mais performatico que o webpack, utilizado no CRA.
+
+- **A listagem está paginada**

eslint.config.mjs

@@ -0,0 +1,31 @@
+import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import js from '@eslint/js';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactJsx from 'eslint-plugin-react/configs/jsx-runtime.js';
+import react from 'eslint-plugin-react/configs/recommended.js';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...fixupConfigRules([
+    {
+      ...react,
+      settings: {
+        react: { version: 'detect' },
+      },
+    },
+    reactJsx,
+  ]),
+  {
+    plugins: {
+      'react-hooks': fixupPluginRules(reactHooks),
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+    },
+  },
+  { ignores: ['dist/'] },
+];

fileTransformer.js

@@ -0,0 +1,9 @@
+const path = require('path');
+
+module.exports = {
+  process(_, sourcePath) {
+    return {
+      code: `module.exports = ${JSON.stringify(path.basename(sourcePath))};`,
+    };
+  },
+};

jest.config.json

@@ -0,0 +1,21 @@
+{
+  "moduleDirectories": ["node_modules", "src"],
+  "moduleNameMapper": {
+    ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "<rootDir>/fileTransformer.js"
+  },
+  "transform": {
+    ".(ts|tsx)$": "ts-jest"
+  },
+  "setupFilesAfterEnv": [
+    "<rootDir>/src/setup-test.ts"
+  ],
+  "testEnvironment": "jsdom",
+  "coveragePathIgnorePatterns": [
+    "/node_modules/",
+    "/coverage",
+    "package.json",
+    "package-lock.json",
+    "/src/setup-test.ts",
+    "index.tsx"
+  ]
+}