Front Directory Structure

• components

  • Admin

    • Auctions

      • indedx.vue

    • Products

      • index.vue

    • AdminLayout.vue

    • index.vue

  • Auction

  • Auth

  • Product

    • imageInput.vue
    • ProductForm.vue
    • ProductsList.vue

  • Template

    • DropdownLogin.vue
    • Footer.vue
    • MainSlider.vue
    • TopNavbar.vue

  • App.vue

  • Welcome.vue

• plugins

  • vuetify.js

• app.js

• auth.js

• bootstrap.js

• router.js

==================

1. components Contains all components of the application.

2. Admin: contains all admin components.

   1. Auctions

      1. index.vue: includes: Auctions\AuctionList & Auctions\AuctionForm

   2. Products

      1. index.vue: the indedx vue of products includes: Products\ProductList & Products\ProductForm

   3. AdminLayout.vue (layout for Admin Backend)

   4. Index.vue (index of the backend: extends AdminLayouts.vue)

3. Auction: contains all auction components

   1. AuctionList: Datatable of Auctions
   2. AuctionForm: Form for Create or Update an Auction
   3. SingleAuctionCard: are the small card on the welcome global page.
   4. AuctionDetails: Display all details of an Auction

4. Auth contains all auth component: login, TODO: we miss register component.

5. Products: contains all products components:

   1. ProductList: Datatable of Products
   2. ProductForm: Form of Create and Update a Product

6. plugins Contains vue plugins: Vuetify