Xpenses

Xpenses

Um website para controle de gastos pessoais.

Motivação

Meu principal objetivo foi criar um projeto fullstack para aprender mais sobre desenvolvimento web. Também queria entender como funcionava um fluxo de autenticação.

Como foi desenvolvido?

Comecei criando o design do projeto no Figma. Após isso, iniciei o desenvolvimento do back-end utilizando Nest.js e Prisma. Depois disso, comecei a desenvolver o front-end utilizando React e Redux Toolkit. Por fim, fiz a integração do front-end com o back-end.

React
TypeScript
Redux Toolkit
React Hook Form
Yup
Axios
Nest.js
Prisma
MySQL

Quais são suas funcionalidades?

Você pode adicionar e excluir gastos. Cada transação possui um nome, valor, categoria e tipo. Um cálculo é realizado para mostrar a quantidade de valores que saíram, entraram e o total. Para utilizar o website é necessário criar uma conta.

Outros projetos

Spotify Scoreboard

Spotify Scoreboard

TheCatWiki

TheCatWiki