This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website.
Here is what we create in the articles:
As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles:
Part 1 - Covers creating the application and adding Vuetify for styling.
Part 2 - Covers using Vue Router to add navigating between pages in the application.
Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application.
Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.
I have a live demo of the meal prep application. You can view it here.
- Vue.js
- Vue CLI
- Vuex
- Vuetify
- Firebase
npm install
npm run serve
npm run build
npm run test
npm run lint