Skip to content

Repository files navigation

Serviço de Transferência - Frontend

📜 Descrição

Este projeto implementa um serviço de transferência financeira full-stack, onde os usuários podem criar transferências e verificar datas de vencimento.

🌍 Deploy

Se você não quiser baixar e configurar o projeto localmente, disponibilizamos o serviço completo online!

  • Frontend: Acesse 👉 garupa.vercel.app
  • Backend e Banco: Hospedados na Railway, garantindo tudo funcionando direitinho. 🚀

⚙️ Pré-requisitos

Certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

  • 🟢 Node.js (versão LTS recomendada).
  • 📦 Gerenciador de pacotes npm.
  • 🖥️ Git para clonar o repositório.

🛠️ Tecnologias Utilizadas

  • React: Biblioteca principal para criação de interfaces de usuário.
  • TypeScript: Superset do JavaScript, adicionando tipagem estática ao projeto.
  • Vite: Ferramenta de build rápida e moderna para aplicações web.
  • Tailwind CSS: Framework CSS utilitário para criar interfaces responsivas e estilizadas.
  • Radix/ShadCN UI: Componentes acessíveis e estilizados, como dialog, checkbox e popover.
  • React Query: Gerenciamento de estado assíncrono e cache para requisições de dados.
  • Zod: Biblioteca para validação de dados e esquema de tipos.
  • React Hook Form: Gerenciamento eficiente e performático de formulários.
  • Sonner: Exibição de notificações toast personalizadas.
  • Date-fns: Manipulação e formatação de datas.

🚀 Como rodar

É necessário criar uma cópia deste repositório com o git para a sua máquina local. Após clonar o projeto, crie seu arquivo .env e coloque as variavies ambiente

VITE_API=http://localhost:3333

Com as variáveis configuradas, execute o comando abaixo no terminal para instalar as dependências do projeto

npm i

Agora, para iniciar o projeto, rode o comando abaixo no terminal:

npm run dev

🎥 Demonstração do Projeto

2025-01-03.13-47-31.mp4

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages