Budget Smart Cycle - Controle Financeiro Pessoal

Uma aplicação web moderna para gerenciamento de controle de gastos pessoais, desenvolvida com React, TypeScript e Supabase.

🚀 Funcionalidades

📊 Dashboard Principal

• Visão Geral Financeira: Saldo disponível e total guardado
• Ciclos Mensais: Controle de gastos por período mensal
• Dia Ideal do Cartão: Configuração personalizada para controle de cartão de crédito

💰 Gerenciamento de Transações

• Rendas Extras: Registro de ganhos adicionais
• Gastos Fixos: Despesas recorrentes mensais
• Compras Parceladas: Controle de pagamentos em prestações
• Gastos Avulsos: Despesas pontuais e variáveis

🔄 Categorias de Gerenciamento

• Rendas: Gestão de entradas de dinheiro
• Parceladas: Controle de compras em prestações
• Recorrentes: Despesas que se repetem mensalmente
• Fixos: Gastos obrigatórios mensais

⚙️ Recursos Avançados

• Autenticação: Sistema de login seguro
• Ciclos Mensais: Reinício automático de controle financeiro
• Histórico: Visualização de transações anteriores
• Edição: Modificação de transações existentes
• Exclusão: Remoção de registros desnecessários

🛠️ Tecnologias Utilizadas

• Frontend: React 18 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS + shadcn/ui
• Backend: Supabase (PostgreSQL + Auth)
• State Management: React Query (TanStack Query)
• Routing: React Router DOM
• Forms: React Hook Form + Zod
• UI Components: Radix UI
• Icons: Lucide React
• Notifications: Sonner
• IA: Lovable

🗄️ Banco de Dados

A aplicação utiliza Supabase como backend, com as seguintes tabelas principais:

• profiles: Perfis dos usuários
• transactions: Transações financeiras
• auth.users: Autenticação de usuários

🎨 Interface

• Design Responsivo: Funciona em desktop e mobile
• Tema Moderno: Interface limpa e intuitiva
• Feedback Visual: Notificações e alertas informativos
• Navegação Intuitiva: Menu de categorias organizado

🔐 Autenticação

Sistema de autenticação seguro via Supabase Auth, permitindo:

• Registro de novos usuários
• Login com email e senha
• Logout seguro
• Proteção de rotas

📱 Responsividade

A aplicação é totalmente responsiva e otimizada para:

• Desktop (1024px+)
• Tablet (768px - 1023px)
• Mobile (até 767px)

---

🚀 Desenvolvido com Lovable

Este projeto foi desenvolvido com a ajuda do Lovable, uma plataforma que facilita o desenvolvimento de aplicações web modernas através de IA generativa.

URL do Projeto: https://lovable.dev/projects/30d690d7-df66-45d1-bdd8-24e0aafd296a