Skip to content

PolyannaMeira/DevBills-FrontEnd

Repository files navigation

DevBills - FrontEnd

Este é o frontend do projeto DevBills, uma aplicação de controle financeiro pessoal desenvolvida para praticar TypeScript e Tailwind CSS. O objetivo é gerenciar entradas e saídas financeiras, ajudando o usuário a visualizar e organizar melhor suas finanças.

Dashboard

Tela de Login

Transações

📘 Sobre o Projeto

O DevBills permite registrar e acompanhar transações financeiras, separando entradas (receitas) e saídas (despesas) de forma simples e visual.

Este projeto foi criado com foco em aprendizado e prática de:

  • React com TypeScript

  • Tailwind CSS para estilização moderna e responsiva

  • Integração com backend em Node.js e Express

O backend do projeto está disponível em: 👉 https://github.com/PolyannaMeira/DevBills-BackEnd

⚙️ Tecnologias Utilizadas

  • React + Vite

  • TypeScript

  • Tailwind CSS

Fetch API para integração com o backend

🚀 Como Instalar e Executar

  1. Clonar o repositório git clone https://github.com/PolyannaMeira/DevBills-FrontEnd.git

  2. Acessar a pasta do projeto cd DevBills-FrontEnd

  3. Instalar as dependências npm install

  4. Executar o projeto em modo de desenvolvimento npm run dev

O aplicativo estará disponível em:

http://localhost:5173

🔗 Backend

Para o funcionamento completo da aplicação, é necessário executar o backend: DevBills - BackEnd

🧩 Objetivo de Aprendizado

O projeto foi desenvolvido para praticar:

  • Tipagem estática com TypeScript

  • Estilização com Tailwind CSS

  • Organização de componentes em React

  • Comunicação entre frontend e backend

Qualquer duvida ou sugestão: polyannaxam@gmail.com

Releases

No releases published

Packages

 
 
 

Contributors