/ef-restaurant

Application for a cafeteria using Vue.js 2, where a dashboard style is applied with a menu of categories, items and the cart immediately afterwards, which handles all item control and finalization with payment checkout, taking into account that the item base it's in a json in the cloud.

Primary LanguageVue


Project EF-Restaurant

Putting into practice the initial study on the Vue.Js framework, using version 2 first, in order to solve version changes as well as being able to provide maintenance services to projects that still use version 2.




Project README ๐Ÿš€ Finished โœ”๏ธ


๐ŸŽฏ Project's goal

This project was my first contact with Vue.js, its objective was to put into practice some basic concepts of structure and development, building a basic application with a real problem.


๐ŸŒ Domain in Vercel


โŒจ๏ธ Prerequisites

# Clone the repository in some directory of your computer
$ git clone https://github.com/eliveltonsf/ef-restaurant.git

# Enter in the repository
$ cd ef-restaurant

# Install Start
$ npm install

# Start the application
$ npm run serve

To start the application using data from the db.json file to feed items to the site, you will need to run the following commands:

# Install the application Json-server
$ npm install -g json-server

# Start the application Json-server
$ json-server --watch db.json

After starting the json-server the following message will be returned:

  \{^_^}/ hi!

  Loading db.json
  Done

  Resources
  http://localhost:3000/burgers
  http://localhost:3000/pizza
  http://localhost:3000/desserts
  http://localhost:3000/drinks
  http://localhost:3000/combo

  Home
  http://localhost:3000

๐ŸŽฅ Demo




๐Ÿ“ธ Pictures

Home


Home with items in cart


Removing product


Add product note


Checkout


Address register


Completed order confirmation


Send order to whatsapp


๐Ÿ“ฑ Responsive


Send order to whatsapp


Send order to whatsapp


๐Ÿš€ Technologies


Made with ๐Ÿงก By Elivelton Ferreira. Get in touch! ๐Ÿ“ฒ