The project for this course will be to model a real world object using our new Vue.js powers! You saw me create the lamp as a sample project in order to demonstrate the fundamentals of Vue, and now it’s your turn.

Think of any real world object that has some sort of state; for example a traffic light (has three different states: green, yellow and red), an oven (has an on/off switch as well as a temperature knob), or anything that you can think of! Try to be as creative as possible. Remember, we’re focusing more on the logic/JavaScript side of things, so don’t feel like you have to focus too much on the CSS or how nice the end product looks. It’s all about how it works!

In order to save/share your project, head on over to CodePen and create a free account. This will allow you to save your pen so you can link to it in your project's description here on Skillshare. Be sure to upload a screenshot of your CodePen work as the cover photo to your Skillshare project!

I’m really looking forward to see what you can come up with :) Take a look at the project I would have done had I been a student in the course for some inspiration:

Yamily Benigni

--

7