product-management-vue-nest Tailwind Templates

Product Management Vue Nest

Este é um projeto de gerenciamento de produtos desenvolvido com Vue.js + Tailwind CSS no front-end e NestJS + Prisma no back-end, usando MariaDB como banco de dados. O objetivo é fornecer uma interface de usuário interativa e responsiva para o gerenciamento de produtos, incluindo funcionalidades de listagem, cadastro, edição, detalhes e exclusão.

Front-end: Vue.js with Tailwind CSS

Este repositório contém o front-end de um sistema de gerenciamento de produtos, desenvolvido utilizando Vue.js para a estrutura do JavaScript e Tailwind CSS para estilização.

Funcionalidades

O sistema permite as seguintes operações com produtos:

  • Listagem de Produtos: Exibe todos os produtos da API em uma tabela estilizada com Tailwind CSS.
  • Detalhes de Produto: Exibe os detalhes de um produto individual ao clicar na lista de produtos.
  • Cadastro de Produto: Formulário para criar novos produtos com campos nome, preço e descrição.
  • Edição de Produto: Formulário para editar informações de produtos existentes.
  • Exclusão de Produto: Permite excluir produtos da lista.

Tecnologias Usadas

  • Vue.js: Framework JavaScript para construção da interface reativa.
  • Tailwind CSS: Framework CSS utilitário para estilização rápida e responsiva.
  • Axios (opcional): Para fazer chamadas HTTP à API de back-end.

Pré-requisitos

  • Node.js e npm instalados em sua máquina. Para instalar, acesse: Node.js
  • A API de back-end (NestJS) deve estar em funcionamento e acessível para integração com o front-end.

Instalação

  1. Clone o repositório:

    ```bash git clone https://github.com/RobsonPMartins/product-management-vue-nest.git

Top categories

Loading Svelte Themes