MoneyFlow é uma aplicação frontend projetada para facilitar a gestão de finanças pessoais. O projeto foi desenvolvido com tecnologias modernas, oferecendo uma interface reativa e estilizada para melhorar a experiência do usuário.
Este projeto utiliza as seguintes tecnologias:
-
React: Biblioteca para criação de interfaces de usuário.
-
React Hook Form: Gerenciamento de formulários de maneira simples e performática.
-
React Router DOM: Gerenciamento de rotas na aplicação.
-
Styled Components: Estilização de componentes com CSS-in-JS.
-
TailwindCSS: Framework CSS para estilização rápida e responsiva.
-
TypeScript: Superset do JavaScript para tipagem estática.
-
TanStack React Table: Gerenciamento avançado de tabelas e dados tabulares.
Vite: Ferramenta para build e desenvolvimento rápido de aplicações web. ESLint: Análise estática para manter a qualidade do código. PostCSS & Autoprefixer: Processadores CSS para compatibilidade entre navegadores.
Criação, edição e exclusão de transações financeiras. Interface interativa para visualização de tabelas de dados. Validação de formulários com feedback imediato. Navegação intuitiva com gerenciamento de rotas. Estilização responsiva e altamente customizável.
Certifique-se de ter as seguintes ferramentas instaladas:
Node.js (versão 18 ou superior) yarn para gerenciar pacotes
Siga os passos abaixo para rodar o projeto localmente:
- Clone este repositório:
git clone https://github.com/Fabio-sudo-apt/my_finance.git
cd my_finance- Instale as dependências:
yarn install- Inicie o servidor de desenvolvimento:
yarn dev-
yarn dev: Inicia o servidor de desenvolvimento.
-
yarn build: Realiza o build do projeto para produção.
-
yarn preview: Exibe uma prévia do build da aplicação.
-
yarn lint: Executa o ESLint para análise de código.
Este projeto está licenciado sob a MIT License.
Fabio Souza
GitHub: https://github.com/Fabio-sudo-apt
E-mail: souzafabiodev@gmail.com