FoodFire – Nuxt2.x + Fireabase + Vue2.x
Static Generated Progressive food delivery web app using NuxtJS + Firebase
Quick start
Make sure you have Node version >= 10.x, NPM >= 6.x
Yarn version >= 1.x
Clone the repo
git clone https://github.com/itswadesh/foodfire.git
navigate inside the directory
install the dependencies with npm
yarn
serve with hot reload at localhost:3000
yarn dev
How to create a pull request
Fork the repo
Do modifications locally
Create a pull request
Merge into foodfire
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
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
Integrated google analytics
Store Front
Checkout using COD
Customer Address
Responsive store front
Dynamic Page Titles
Firebase authentication system (Login with google)