Blog fullstack - React com Axios, NodeJs c; integração em MySQL - Arquitetura MSC com CRUD(1/2)
Projeto de construção de um miniblog fullstack com backend em NodeJs, banco de dados MySQL e frontend com React e Axios para consumir a API criada em arquitetura MSC. O projeto blog Fullstack foi criado visando estudar e criar um ambiente fullstack completo, aumentando o domínio sobre as ferramentas que já possuo e ampliar com conceito ainda não vistos. O projeto utiliza React para a parte de frontend, NodeJS para a parte de backend com construção de uma API Restful, Docker para utilização do banco de dados (MySQL) com arquitetura MSC (model-service-controller). Na página Home, mostra os posts dos usuários cadastrados via localstorage, com limite de caracteres no corpo de 150. Para mostrar o post inteiro sem limites, existe o botão "Leia mais". Ao entrar na página, irá ser feita uma requisição no banco de dados via API Node quer irá retornar todos os posts cadastrados no banco de dados naquele momento. Podemos cadastrar um novo post ao clicar no botão "Novo Post", onde iremos consumir uma rota post da API para cadastro dos dados no banco de dados. Somente as pessoas que são donas do post (possuam nome idêntico no localStorage e no banco de dados) poderá apagar os posts de quem são donas. Assim, o botão de "Excluir" irá aparecer, podendo assim consumir a rota delete e apagar os dados do banco de dados; Agradecimentos especiais ao Lucas Rodrigues pela imensa contribuição e ajuda durante todas as etapas do projeto.
Projeto de construção de um miniblog fullstack com backend em NodeJs, banco de dados MySQL e frontend com React e Axios para consumir a API criada em arquitetura MSC. O projeto blog Fullstack foi criado visando estudar e criar um ambiente fullstack completo, aumentando o domínio sobre as ferramentas que já possuo e ampliar com conceito ainda não vistos. O projeto utiliza React para a parte de frontend, NodeJS para a parte de backend com construção de uma API Restful, Docker para utilização do banco de dados (MySQL) com arquitetura MSC (model-service-controller). Na página Home, mostra os posts dos usuários cadastrados via localstorage, com limite de caracteres no corpo de 150. Para mostrar o post inteiro sem limites, existe o botão "Leia mais". Ao entrar na página, irá ser feita uma requisição no banco de dados via API Node quer irá retornar todos os posts cadastrados no banco de dados naquele momento. Podemos cadastrar um novo post ao clicar no botão "Novo Post", onde iremos consumir uma rota post da API para cadastro dos dados no banco de dados. Somente as pessoas que são donas do post (possuam nome idêntico no localStorage e no banco de dados) poderá apagar os posts de quem são donas. Assim, o botão de "Excluir" irá aparecer, podendo assim consumir a rota delete e apagar os dados do banco de dados; Agradecimentos especiais ao Lucas Rodrigues pela imensa contribuição e ajuda durante todas as etapas do projeto.