Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
   • Project Setup
3. Key Features
4. Usage
5. Contact

About The Project

The frontend of eat-commerce - a simple food delivery website.

Built With

• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Prerequisites

Before cloning and using this application, you'll need to install these things on your computer:

• npm: the default package manager for the JavaScript runtime environment Node.js. It consists of a command line client, also called npm, and an online database of public and paid-for private packages, called the npm registry. The registry is accessed via the client, and the available packages can be browsed and searched via the npm website.
• Vue: a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be they simple or complex.
• Visual Studio Code: You can choose any IDE or Text Editor that you want. To build a simple application like this, I recommend Visual Studio Code.
• Power BI: a business analytics service provided by Microsoft that lets you visualize your data and share insights. It converts data from different sources to build interactive dashboards and Business Intelligence reports.

Installation

You can install this application by cloning this repository into your current working directory:

git clone https://github.com/theEmperorofDaiViet/eat-commerce.ui.git

After cloning the repository, you can open the project by Visual Studio Code.

Project Setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

(back to top)

Key Features

Customer

• Register
• Log in/Log out
• Browse products by name or category
• View product details
• Add a product to cart
• Place and pay an order (powered by Stripe)
• Ratings and comments
• View purchase history
• Add a product to bookmark
• Chat Plugin (powered by Facebook Messenger)

Merchant

• Manage categories
• Manage products
• View all orders
• View statistics and data visualization (by Power BI)

(back to top)

Usage

Homepage

Customer

Merchant

(back to top)

Contact

You can contact me via:

• 
• 
• : [email protected]
• 
• 

(back to top)