diaslucia / project-vue

Donut Shop in VUE

View Demo

🔎 About

This website was developed using Vue and MockAPi as an API server.

It serves as an e-commerce platform, offering user registration and login functionalities. Customers can register and log in to purchase delicious donuts and access their order history. On the other hand, administrators have special access rights, enabling them to add, delete, or modify products, as well as view all client orders..

🚀 Ejecution

Steps to install and run the project:

1. Clone the project

   git clone https://github.com/diaslucia/project-vue

2. Open your current directory project

   cd project-vue

3. Install the libraries

   npm install

4. Create an .env file to enter your MockApi URL

   VUE_APP_MOCKAPI_URL = url;

5. Ejecute the app (and close it with Ctrl + C)

   npm run serve

📂 Structure

The file structure is:

• assets: to store images.
• components: to store all components.
• services: to store fetch helper.
• utils: to store helpers.
• views: to store pages structure components.

🛠 Libraries

Vue Form: to validate forms.

Vue Router: to manage navigations and pages.

Vuex: to manage global states.

(to Top)