Gerencie suas finanças com praticidade!

Acesse o My Cash · Reportar um Bug · Sugerir uma Feature

---

🌟 Sobre o Projeto

My Cash é um gerenciador de finaças, onde é possível registrar todas as suas transações, organizando por categoria, e visualizar em tempo real um resumo das Entradas e Saídas de dinheiro.

⚙️ Funcionalidades

• Autenticação: Utilize seu e-mail do Google para manter seus dados salvos e sincronizados;
• Gerenciamento completo das suas finanças: Cadastre, remova, edite e visualize todos os seus gastos e ganhos, organizando por categoria;
• Resumo por categoria: Veja um resumo em forma de gráfico, de todos os seus gastos e ganhos, agrupados por categoria;
• Tema claro e escuro: Escolha o tema de cores que mais achar confortável;
• Responsividade: Acesse o My Cash de qualquer lugar, ele é adaptável a diferentes tamanhos de tela.

👾 Tecnologias e Ferramentas Utilizadas

• Styled Components
• Firebase
• ChartJS
• Swiper
• React
• Imask
• Toastify
• React Hook Form
• Axios
• Polished
• React Icons
• DayJS
• React Modal

📷 Demonstração

demonstration.mp4

🧰 Como iniciar

‼️ Pré-requisitos

Este projeto utiliza o Yarn como gerenciador de pacotes

 npm install --global yarn

🔑 Variáveis de ambiente

Para executar este projeto, você precisará adicionar as seguintes variáveis ​​de ambiente ao seu arquivo .env

# Credenciais do Firebase
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=

NODE_PATH="./src"

🏃 Executar localmente

Clone o projeto

git clone https://github.com/Jonatan966/my-cash.git

Vá para o diretório do projeto

cd my-cash

Instale as dependências

yarn install

Inicie a aplicação

yarn start

🧭 Roadmap

É possível acompanhar o progresso da aplicação por meio desse board

⚠️ License

Consulte o arquivo LICENSE.md para mais informações.

🤝 Contato

Jonatan Frederico - Perfil do Linkedin - jonatanfrederico@gmail.com