Logo

Donut Shop in VUE

image

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)