Learning Vue does not always mean knowing how to apply it. Someone can read documentation, follow tutorials, and copy examples, but still need a quick way to check whether they truly understand concepts like directives, routes, state, computed properties, or watchers.

Vue Training responds to that need with a direct practice experience: quizzes to assess concepts, challenges to apply logic, and short tips to reinforce good practices within the Vue ecosystem.

The solution was to organize learning into simple and repeatable paths. The home page presents the main proposition, while the Quizzes, Challenges, and Random tip sections separate three different ways of practicing: checking knowledge, applying logic, and discovering focused recommendations.

The core decision was to treat learning as small understanding checks rather than a long sequence of lessons. That is why the interface relies on cards, category and difficulty filters, level badges, and direct calls to action.

Vue Training was a learning and experimentation project that allowed me to explore the design of educational experiences for developers and the practical organization of technical content.

It also helped me better understand the Vue ecosystem through the research required to create quizzes and challenges, and through their later implementation in an interactive experience focused on practice.

Although the project is still in development, it has already given me valuable lessons about how to structure frontend framework learning and design interfaces that make direct practice easier.