Directory Structure
Directory Structure
.
|__ @types
|__ assets
|__ components
|__ account
│ |__ preferences
|__ bloomreach
│ |__ accordion
│ |__ grid-feature
│ |__ hero-banner
│ |__ layouts
│ |__ multi-image-and-info-dropdown
│ |__ multi-list-link-and-image
│ |__ multi-text-and-image
│ |__ page-navigation
│ |__ pathways-and-recommendations
│ |__ product-listing-page
│ │ |__ header
│ |__ product-page
│ |__ title-paragraph-button
|__ catalogue
|__ home-page
|__ layout
│ |__ footer
│ │ |__ finance-terms
│ │ |__ footer-bottom
│ │ |__ footer-middle
│ │ │ |__ social-links
│ │ |__ footer-top
│ │ │ |__ browse-catalogue-button
│ │ │ |__ newsletter-sign-up
│ │ |__ mobile-app-banner
│ │ |__ payment-options
│ |__ header
│ │ |__ components
│ |__ navbar
│ │ |__ mobile-menu
│ |__ usp-banner
|__ news
|__ pro-card
│ |__ TCs
|__ product-listing
│ |__ body
│ │ |__ filter
│ │ │ |__ controls
│ │ |__ products
│ │ │ |__ controls
│ │ │ |__ mixins
│ │ │ |__ modals
│ │ |__ subscribers
│ │ |__ widgets
│ │ |__ controls
│ │ |__ mixins
│ |__ header
│ |__ mixins
│ |__ taxonomy
|__ product-page
│ |__ product-accordions
│ |__ product-actions
│ |__ product-variations
|__ products
|__ taxonomy
|__ UI
|__ accordion-menu
|__ alerts
|__ banners
│ |__ app-banners
|__ breadcrumbs
|__ button
|__ carousel
|__ forms
│ |__ form-steps
|__ icons
|__ input
|__ li
|__ links
|__ loading
|__ menus
|__ modals
│ |__ auth
│ |__ branch-modal
│ |__ messaging-modal
│ |__ nextbusinessday-modal
│ |__ qr-code
│ |__ trolley-modal
│ |__ variations-modal
|__ panel
|__ rating-stars
|__ search
|__ separators
|__ text
|__ composibles
|__ contants
|__ docs
|__ layouts
|__ lib
|__attributes
|__bazaarvoice
|__delivery
|__filters
|__notes
|__product
|__products
|__shared
|__stock
|__taxonomies
|__time
|__UI
| |__base-carousel
|__user
|__vuex
|__ middleware
|__ mixis
|__ modules
|__ pages
|__ account
│ |__ details
│ |__ password
│ |__ username
|__ branches
|__ demo
|__ news
│ |__ archive
│ |__ article
|__ pro-card
│ |__ application
|__ _topslug
|__ _slug_id
|__ patches
|__ plugins
|__ directives
|__ logging-reporters
|__ tracking
|__ public
|__ services
|__ api
|__ store
|__ tests
|__ axios
|__ helpers
|__ i18n
|__ jest
|__ types
|__ pages
|__ utils
|__ config
|__ functional
|__ mock-data
|__ translations
|__ data
Root directories
| S. No. | Directory path | Description |
|---|---|---|
| 1 | /root/assets | contains assets which can be used in website such as css, js etc,. Common asset types (which are sub dirs in assets): images, icons, videos, music and fonts |
| 2 | /root/components | contains all vue components used in the project |
| 3 | /root/composibles | contains Vue's composables |
| 4 | /root/constants | |
| 4 | /root/docs | contains project documentation |
| 5 | /root/layouts | contains layouts for pages |
| 6 | /root/lib | contain the functions to be used in project |
| 7 | /root/middleware | contains middleware |
| 8 | /root/mixis | |
| 9 | /root/modules | |
| 10 | /root/pages | contains all page's vue file |
| 11 | /root/patches | |
| 12 | /root/plugins | |
| 13 | /root/public | |
| 14 | /root/services | contains ts files of services layer. This contains method for pages to interact with API layer via services. |
| 15 | /root/static | |
| 16 | /root/stores | contain all Vuex store files for pages |
| 17 | /root/tests | |
| 18 | /root/types | contains many of the common Type interfaces used in the project |
| 19 | /root/utils | contain utility files and folders such as mock data, translations, cookies etc |