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

https://github.com/renanfachin/pd_dashbudget

<<PROJETO EM CONSTRUÇÃO>>
https://github.com/renanfachin/pd_dashbudget

nextjs14 postgresql tailwindcss tanstack-react-query typescript vercel-postgres

Last synced: 21 days ago
JSON representation

<<PROJETO EM CONSTRUÇÃO>>

Awesome Lists containing this project

README

          

# DashBudget

DashBudget é uma aplicação ReactJS que ajuda usuários a gerenciar seus orçamentos pessoais e acompanhar suas transações financeiras. Com um dashboard intuitivo e opções para gestão detalhada, o DashBudget torna a administração financeira simples e acessível.

Aplicação criada para aperfiçoar os conhecimentos em nextJS 14, tailwindcss, Tanstack-query, server actions e também em conhecer ferramentas novas, como o clerk.

A aplicação também faz uso do storage postgresql da vercel para o deploy da aplicação.

### Ferramentas utilizadas
- NextJS 14
- Typescript
- Clerk
- Shadcn/ui
- Prisma ORM
- Tanstack-query
- Zod

### Instalaçã
Instale as depêndências do projeto
```bash
npm install
```

Criar um container docker para rodar o banco de dados Postgres
```bash
docker compose up -d
```

Criar as variáveis de ambiente (env.local é do NextJS e .env é referente ao prismaORM)
```bash
cp .env.local.example .env.local
cp .env.example .env
```

Criar as chaves de acesso para autenticação com clerk, gerar uma aplicação e copiar as API KEYS para dentro do .env.local

Gerar tabelas no banco de dados
```bash
npx prisma migrate dev
```

Rodando o projeto
```bash
npm run dev
```