Projeto AroAceDatabase

[maora96]

The AroAce Database

O Projeto

A AroAce Database foi meu primeiro projeto pós-bootcamp. Começou apenas para testar meus conhecimentos em algo real, mas com o passar dos anos fui modificando-o pouco a pouco para refletir meus novos conhecimentos.

A AroAce Database consiste uma webapp de armazenamento de personagens arromânticos e/ou assexuais na literatura especulativa. A ideia é que seja possível:

• Buscar por um personagem (busca simples)
• Buscar por personagens baseado em filtros (busca avançada)
• Ver personagens recentemente adicionados
• Favoritar personagem
• Recomendar um personagem para o admin
• Recomendar um livro para um personagem já existente para o admin
• Como admin, aceitar ou reprovar personagens
• Como admin, aceitar ou reprovar livros
• Como admin, editar ou deletar personagens
• Como admin, editar ou deletar livros
• Como admin, permitir ou não que usuários sugiram livros e personagens
• Como admin, baixar dados da database em formata .csv

Estou submetendo para vocês a segunda versão do backend, mas a título de curiosidade vai a primeira também.

• Primeira versão (2021).
• Segunda versão (2023).

E a segunda versão do front-end (e, mais uma vez, a primeira).

• Primeira versão (2021).
• Segunda versão (2023).

Atualmente a versão online usa o front end 1.0 e o back end 2.0. Minha ideia é refazer o backend para adotar Clean Architecture e DDD, completar o front-end, criar uma pipeline CI/CD e finalmente tirar a versão anciã do ar (e fazer testes!!).

AroAce Database

Pontos de discussão

• Modelagem do banco de dados (personagens & livros).
• Filtragem
• Clean Architecture & DDD
• React Query
• Acessibilidade
• Responsividade
• Hospedagem pelo Digital Ocean
• Tailwind vs Ant Design (vs MUI?)

Tecnologias utilizadas

• Back-end: Nest.js + TypeScript e PostgreSQL, um pouco de knex.
• Front-end: React, um frankenstein de Ant Design + Tailwind.
• Hospedagem: Backend costumava ficar no Heroku junto com a database, mas ambos estão no Digital Ocean no momento.
• Design: Figma

Valeu pela oportunidade!