Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/itswadesh/foodfire

Ready to use NuxtJS + Firebase Shopping APP for Food Ordering
https://github.com/itswadesh/foodfire

ecommerce firebase food-ordering headless javascript-ecommerce netlify nuxtjs pwa pwa-apps vuejs vuejs2

Last synced: 18 days ago
JSON representation

Ready to use NuxtJS + Firebase Shopping APP for Food Ordering

Awesome Lists containing this project

README

        

# FoodFire - Nuxt2.x + Fireabase + Vue2.x

## Backendless Progressive food delivery web app using Nuxt + Firebase

![Home Page](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/index.jpg?raw=true)
![Item Added](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/item-added.jpg?raw=true)
![Cart](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/cart.jpg?raw=true)
![Empty Cart](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/empty.jpg?raw=true)
![Order Success](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/success.jpg?raw=true)
![Profile Page](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/profile.jpg?raw=true)
![Admin Page](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/admin.jpg?raw=true)
![Error Page](https://github.com/itswadesh/foodfire/blob/master/static/screenshots/error.jpg?raw=true)

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

```bash
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](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fitswadesh%2Ffoodfire&demo-title=Foodfire)

## 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)