FoodFire - Nuxt2.x + Fireabase + Vue2.x

Static Generated Progressive food delivery web app using NuxtJS + Firebase

Home Page Image Cart Image Order Processing 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)