SPA com VueJS e API com Laravel
Esta aplicação é uma mini rede-social que utiliza Vue.js no frontend e Laravel como api no backend.
Este projeto foi criado para estudo utilizando como base o curso SPA com VueJS e API com Laravel do Guilherme Ferreira, criador do GuiaCódigo.
Versão Laravel utilizada: 5.6.39.
Versão Vuejs utilizada: 2.5.17.
O projeto segue a licença MIT e o código pode ser usado por qualquer pessoa, basta que se dê as devidas referências.
E, quando puder, compre o curso! Vale muito a pena! :D
Instalação e utilização.
O projeto utiliza duas aplicações:
A aplicação em Vue.js (pasta "social") é o frontend da rede-social. É uma SPA que consome os dados de uma api. A aplicação em Laravel (pasta "webserice") é a api que provém dados para a rede-social. As duas aplicações rodam em portas diferentes e ambas necessitam ter seus pacotes instalados.
A aplicação "social" necessita ter o Node.js e o Vue-cli (caso queria desenvolver no projeto) para ser utilizada.
A aplicação "webservice" necessita ter o Composer para ser utilizada. Ela utiliza o framework Laravel que, por sua vez, utiliza o Artisan.
Suba o webservice
Na pasta "webservice": Para instalar as dependências:
composer install
Para instalar as migrações do banco de dados:
php artisan migrate
Para rodar o server:
php artisan serve
Depois suba a rede-social
Na pasta "social".
Para instalar as dependências:
npm install
Para rodar o server:
npm start
Coisas interessantes abordadas no curso durante este projeto:
- Vue CLI.
- AdminLTE.
- Componentes do Materialize.
- Axios
- Sistemas de Login e Cadastro.
- OOP.
- CRUD.
- Como criar e consumir uma Api RESTful.
- Upload de imagens.
- CORS no Laravel.
- Migrações e relacionamentos no banco de dados.
- Vuex.
- Tinker.
- Sistema de "follow" de rede-social.
- Páginas de perfil e listagem de amigos.