Code Monkey home page Code Monkey logo

foodfire's Introduction

FoodFire - Nuxt2.x + Fireabase + Vue2.x

Backendless Progressive food delivery web app using Nuxt + 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, YARN >= 2.x Yarn version >= 1.x Clone the repo git clone https://github.com/itswadesh/foodfire.git

navigate inside the directory

cd foodfire

install the dependencies with yarn

yarn

serve with hot reload at localhost:3000

yarn dev

You must be live of http://localhost:3000

How to create a pull request

  • Fork the repo
  • Do modifications locally
  • Create a pull request
  • Merge into foodfire

Deployment

Click on the button to directly deploy to Netlify or Vercel. Zero configuration required.

Deploy to netlify

Deploy with Vercel

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)

foodfire's People

Contributors

dependabot[bot] avatar itswadesh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

foodfire's Issues

firestore collection structure is missing

Hello sorry to bother you but i'm trying to make it work with a my istance of firebase,
and i can't find the structure of the firestore.
Can you help me??
I'm realy interested in you project mainly becouse i'm learning Vue and firebase, your approach is very complete

thank you in advance

Request database export

Thank you for creating this package, It is definitely a wonderful tool to get started with firebase and Vuejs.
I notice there is a lack of documentation regarding the database setup, or structure. I have created a database in Firebase but unfortunately, haven't been able to set up the correct structure to add my own products. A database export file would help those of us trying to learn firebase with no previous experience, I've been trying to replicate the product structure without success for a couple of days. Any help is appreciated

I am not able to add new product and also fresh database from firebase

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.