Desafio full-stack

.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: 'tsconfig.json',
+    tsconfigRootDir: __dirname,
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint/eslint-plugin'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  ignorePatterns: ['.eslintrc.js'],
+  rules: {
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+};

.gitignore

@@ -1,104 +1,56 @@
+# compiled output
+/dist
+/node_modules
+/build
+
 # Logs
 logs
 *.log
 npm-debug.log*
+pnpm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
 
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# temp directory
+.temp
+.tmp
 
 # Runtime data
 pids
 *.pid
 *.seed
 *.pid.lock
 
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-.env.test
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# Next.js build output
-.next
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and *not* Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

.prettierrc

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

Dockerfile

@@ -0,0 +1,8 @@
+FROM node:18-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+EXPOSE 3002
+CMD npm run start:dev

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
+- Paginaçã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
+
+- **Escolha 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.
+
+- **Escolha 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**