Hi visitors, I am thrilled to introduce my brand new design system built with Vue 3. This project is the result of many hours of work an reflection. I am excited to share with you the details of its design and features.

Why a Design System?

For several years, I have been working on user interfaces involving the creation of common components such as buttons, text inputs, and more. Different teams often adopt different approaches to implementing similar designs and logic, which can lead to inconsistencies. As I aim to deepen my expertise in areas such as frontend architecture, I needed a library that would accelerate the development process and allow me to focus more on how information flows rather than on visual details. A design system plays a crucial role in ensuring consistency and efficiency in application development. By standardizing components, styles, and best practices, it facilitates seamless collaboration between designers and developers.

Why Vue?

Although I am proficient in both React and Vue, I opted for Vue 3 for this project because of its reactive data binding, flexibility, and strong community support. Vue 3 offers enhanced performance, improved state management, and a more intuitive syntax, making it an excellent choice for developing a modern and scalable design system

Next steps are:

• Storybook setup for interactive testing - Try it !
• Playwright setup for end-to-end testing