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

  •        4

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

https://meal-prep-9b30a.firebaseapp.com/
https://github.com/ratracegrad/meal-prep

Dependencies:

@babel/polyfill : ^7.0.0-rc.1
axios : ^0.18.0
firebase : ^6.4.2
vue : ^2.5.17
vue-router : ^3.0.1
vuetify : ^1.2.0
vuex : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

tamiat - :sailboat: Vuejs and Firebase based CMS

  •    Vue

Log in to firebase console using your google account and create a new firebase project. In the authentication section, add a new user by providing an email and a password.

vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store

  •    Javascript

We are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, employing as much of the "standard library" as possible. The main difference to other internationalization plugins is the ease of use and support for locales directly with the application or later from the server.

react-firebase-hooks - React Hooks for Firebase.

  •    TypeScript

A set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.


vue2crm - Simple reusable CRM built on Vue 2 PWA template and Vuetify UI

  •    Javascript

A reusable Vue.js CRM starter project for real-world business based on Vue 2 PWA template with Vuetify. The goal of this project is to create a reusable starter project for real-world business. To achieve this target, we need a solution which includes simple authentication process, restful API with token support and simple but elegant UI design.

firebase-php - Firebase Admin PHP SDK

  •    PHP

Interact with Google Firebase from your PHP application. You can find the full documentation at firebase-php.readthedocs.io.

firebase-ios-sdk - Firebase iOS SDK

  •    Objective-C

This repository contains a subset of the Firebase iOS SDK source. It currently includes FirebaseCore, FirebaseAuth, FirebaseDatabase, FirebaseMessaging, and FirebaseStorage.Firebase is an app development platform with tools to help you build, grow and monetize your app. More information about Firebase can be found at https://firebase.google.com.

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

react-router-firebase-auth - Example of how to have protected routes with Firebase and React Router.

  •    Javascript

This is an example repo for authenticating with Firebase and React Router.

vue-inspector - Vue.js Inspector for Mobile Devices

  •    Javascript

vue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.

vue2-happyfri - vue2 + vue-router + vuex 入门项目

  •    Javascript

vue2 + vue-router + vuex 入门项目

eleme - vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情,demo:http://yangyi1024

  •    Vue

vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情,demo:http://yangyi1024.com/elem 还有我最新的实战项目,点它=》