Projeto de blog com frontend em Vue 3 e Vuetify 3 para estilização e backend em Python 3 e Django. Para o banco de dados, foi utilizado o MySQL, o diagrama e a SQL com as tabelas populadas se encontram na pasta documentos, bem como as considerações do projeto.

Configurações

Backend

Execute os comandos abaixo na pasta backend.

Instale as bibliotecas do Python utilizadas no projeto:

• pip install djangorestframework
• pip install django-cors-headers
• pip install pymysql
• pip install hashlib

Configure as variáveis do banco de dados no arquivo settings.py:90.

Crie um banco de dados chamado vueblog, se você utilizar outro nome para a database altere em settings.py:93.

• CREATE DATABASE IF NOT EXISTS `vueblog`;

Execute as migrations para criar as tabelas no banco de dados:

• python manage.py makemigrations blog

Passe para o próximo passo se você já importou a SQL.

• python manage.py migrate blog

Frontend

Execute os comandos abaixo na pasta frontend:

Execute o comando abaixo para instalar as dependências do projeto:

• npm install

Iniciando o Servidor

Frontend

Execute o comando abaixo para iniciar o servidor de frontend:

• npm run serve

Backend

Execute o comando abaixo para iniciar o servidor de backend:

• python manage.py runserver localhost:8000

Configurações Opcionais

Você pode configurar a quantidade de artigos exibidos por página e a URL base da API em config.json, certifique-se de manter o /api.