View a demo
Section |
Description |
01-config |
Directory containing general information |
02-scripts |
Directory containing scripts |
03-style |
Directory containing stylesheets |
04-components |
Directory containing Vue components |
05-assets |
Directory for storing assets like images and fonts |
|
|
|
|
Vue.js |
Atomic Design |
ITCSS |
BEM |
In this Vue 3 project, we showcase the elegance of simplicity and efficiency, utilizing CDN connections exclusively for seamless deployment. Embracing the Atomic Design structure, our components are thoughtfully organized into distinct levels—atoms, molecules, organisms, and templates—fostering reusability, maintainability, and a systematic approach to building scalable applications. Moreover, you can enjoy an example of using a YouTube video for the background using its setting in form of properties and configurate project style vie ITCSS structure.