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..
Steps to install and run the project:
-
Clone the project
git clone https://github.com/diaslucia/project-vue
-
Open your current directory project
cd project-vue
-
Install the libraries
npm install
-
Create an
.env
file to enter your MockApi URLVUE_APP_MOCKAPI_URL = url;
-
Ejecute the app (and close it with Ctrl + C)
npm run serve
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.
Vue Form: to validate forms.
Vue Router: to manage navigations and pages.
Vuex: to manage global states.
(to Top)