Need help with meal-prep?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

514 Stars 107 Forks 23 Commits 9 Opened issues


Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

Services available


Need anything else?

Contributors list

# 89,382
11 commits
# 244,142
1 commit


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:
Meal Prep

Links to 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.

Live Demo

I have a live demo of the meal prep application. You can view it here.

Technology Used

  • Vue.js
  • Vue CLI
  • Vuex
  • Vuetify
  • Firebase

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.