An open API service indexing awesome lists of open source software.

https://github.com/rickreisdev/budget-smart-cycle

Uma aplicação web moderna para gerenciamento de controle de gastos pessoais, desenvolvida com React, TypeScript e Supabase.
https://github.com/rickreisdev/budget-smart-cycle

budget-control controle-de-gastos controle-financeiro lovable-ai react rickreis rickreisdev supabase typescript ui vite

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# 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](https://lovable.dev), 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