My 30days journey to learn Vue.js @ FemCode Africa started on 7th of July, 2020, and ends on 7th of August 2020, although learning continues even after the end of the challenge. During the challenge, I was able to learn Vue.js basics (such as data binding, events, conditionals, looping etc), working with vue/cli, components, props, and so on.

I worked on 4 projects in total — one project per week. These are;

• The Punch Bag Game
• Tip Calculator
• Basic Calculator
• Music app

The Punch Bag Game:

This was my first project on Vue.js after learning the basics. It was fun building a punch bag game.

When you punch the bag, it’s health decreases. When the health depreciates to 30%, an alert box will pop out to notify you and the color will change from white to red. When it’s 0%, the bag will be busted. You can always click the restart button to start again. It was a simple game but i had fun working on it.

Click to view ➡ https://tybabie-punchbag-game.netlify.app/

A link to the repository ➡ https://github.com/Tybabie/Punch-bag-game

#vue #vue.js #programming