ryan-fauder / ranch-app

Dashboard para o gerenciamento de um sistema de banco de dados desenvolvido em Vue.js

Ranch - Gerenciamento de Banco

Descrição

O projeto trata-se de um dashboard completo e funcional que permite o gerenciamento de um sistema de banco de dados.

Nesse projeto, foi possível exercitar os seguintes conceitos:

• Desenvolvimento de uma API Restful com o Sequelize ORM e MySQL Database;
• Utilização de Migrations e Seeders;
• Desenvolvimento de uma plataforma com o framework Vue.js, com o uso dos componentes Bootstrap.
• Gestão de estado da aplicação e uso de rotas no Vue.js

Desenvolvedor

Ryan Fernandes Auder Lopes (ryan-fauder)

Dashboard

Para visualizar mais imagens da interface, basta entrar no readme.md da pasta frontend.

Como começar a utilizar

Faça um clone do repositório em sua máquina e entre na pasta do projeto:

git clone https://github.com/ryan-fauder/ranch-app.git && cd ./ranch-app

Agora, instale as dependências do projeto com o uso do npm ou do yarn, ambas as pastas frontend e backend possuem dependências.

Iniciando API (backend)

Primeiro, deve-se realizar as configurações do banco de dados Mysql local para iniciar o backend. Para abrir a pasta do arquivo de configuração:

  cd ./backend/config

Agora, basta alterar as informações do arquivo config.js. Uma vez que foi configurado, retorne para a pasta backend e, na pasta, execute as migrations:

  npx sequelize db:migrate

Caso seja necessário, execute as seeds para popular as tabelas criadas pelo comando:

  npx sequelize db:seed:all

Agora, para iniciar a API, utilize:

  yarn server

Pronto, o backend agora deve estar em execução.

Iniciando o dashboard (frontend)

Com as dependências instaladas, entre na pasta frontend e apenas inicie o serviço Vue:

  yarn serve

Pronto, o dashboard agora deve estar em execução.

Logo - Fonte

A logo gratuita utilizada:

Cowboy-hat icons created by Freepik - Flaticon