gk-daniel / v-card

The open-source frontend business card in Vue.js (3.x.) using CDN approach, atomic design structure for components & styles and background fullscreen YouTube video.

V-Card

View a demo

Table of Contents

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

Structure of Project

Vue.js	Atomic Design	ITCSS	BEM

Additional Information

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.