https://github.com/anadib/restaurant-vue

🍕 Restaurant website built with Vue.js
https://github.com/anadib/restaurant-vue

axios json-server less vue-router vue2 vuex

Last synced: 25 days ago
JSON representation

🍕 Restaurant website built with Vue.js

• Host: GitHub
• URL: https://github.com/anadib/restaurant-vue
• Owner: anadib
• Created: 2023-10-21T20:56:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-25T01:44:42.000Z (over 1 year ago)
• Last Synced: 2024-11-10T22:03:28.536Z (3 months ago)
• Topics: axios, json-server, less, vue-router, vue2, vuex
• Language: Vue
• Homepage:
• Size: 3.63 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 Restaurant



![](https://github.com/anadib/restaurant-vue/blob/main/gifs/restaurantDesktop.gif?raw=true)

[See Mobile](https://github.com/anadib/restaurant-vue/blob/main/gifs/restaurantMobile.gif)



  About   |   

  Technologies   |   

  Inspiration



## :page_with_curl: About

This repository contains a restaurant webpage built using Vue.js 2.

In this project, users can select the items they want, add observations for each item, and specify the quantities they desire. The restaurant data was created using JSON Server.

After users have made their selections, they are directed to the checkout page. Here, they enter their name and phone number and can choose between in-store pickup or home delivery. For delivery orders, users must provide their delivery address. Once they place their order, users are redirected to WhatsApp with a summary of their order to communicate with the restaurant. 

## :hammer: Technologies

This project was developed with the following technologies:

- [Vue.js](https://v2.vuejs.org/v2/guide/)

- [Vue Router](https://router.vuejs.org/installation.html)

- [Less](https://lesscss.org/#)

- [JSON Server](https://www.npmjs.com/package/json-server)

- [Axios](https://axios-http.com/docs/intro)

- [Vuex](https://vuex.vuejs.org/)

## :thought_balloon: Inspiration

Design by [Isadora Stangarlin](https://github.com/isadorastan)

Made with ❤️ by Ana Dib 👋🏻 [Get in touch](https://github.com/anadib)