Skip to content
Ready to use NuxtJS + Firebase Shopping APP for Food Ordering
Vue JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets/styles lazy images Jan 12, 2019
components desktop version of listing page Mar 28, 2019
layouts feature: Added loading indicator + fix: orders page Mar 25, 2019
pages
plugins fix: security vulnerability + removed unsed modules Sep 13, 2019
service
static Screenshorts updated May 23, 2019
store feature: Added loading indicator + fix: orders page Mar 25, 2019
.editorconfig FoodFire project initiated Sep 30, 2018
.gitignore
README.md Screenshots alt tags update May 23, 2019
config.js css fix Jan 12, 2019
nuxt.config.js
package.json fix: security vulnerability + removed unsed modules Sep 13, 2019
yarn.lock

README.md

FoodFire - Nuxt2.x + Fireabase + Vue2.x

Static Generated Progressive food delivery web app using NuxtJS + Firebase

Home Page Item Added Cart Empty Cart Order Success Profile Page Admin Page Error Page

Quick start

Make sure you have Node version >= 10.x, NPM >= 6.x Yarn version >= 1.x Clone the repo

navigate inside the directory

cd foodfire

install the dependencies with npm

yarn

serve with hot reload at localhost:3000

yarn dev

Deploy to Netlify

Getting Started

Press the "New site from Git" button on the Netlify dashboard. Authenticate with your repository host, select a repository to deploy, and continue. You should land on step 3: "Build options, and deploy!"

Configure:

Branch to deploy: master, or which-ever branch you prefer

Build command: npm run generate

Publish directory: dist

Add additional ENV variables via the "Advanced" button

NODE_VERSION: 10.11.0
YARN_VERSION: 1.10.1

Features

Coding & Deployment

  • Using firebase firestore database with realtime update
  • Single page progressive ecommerce app using VueJs
  • Offline enabled
  • Progressive images with lazy loading
  • All assets(js,css,images) are precached for a faster user experience
  • Modular coding structure
  • Auto deploy to Netlify production server
  • Better and cleaner JavaScript code
  • Simplified installation and configuration
  • Reliable: Load fast and provide offline experience
  • Fast: Respond quickly to user actions
  • Engaging: Feel like a native app on mobile devices

Store Front

  • Checkout using COD
  • Customer Address
  • Responsive store front
  • Dynamic Page Titles
  • Firebase authentication system (Login with google)
You can’t perform that action at this time.