Chapter 4. Let It Pomodoro!

The previous chapter ended with a nice set of mockups for the ProFitOro application. We have previously defined what the application should do; we have also determined an average user profile, and we are ready to implement it. In this chapter, we will finally start coding. So, in this chapter, we will do the following:

  • Scaffold ProFitOro using vue-cli with the webpack template
  • Define all the needed application's components
  • Create placeholders for all the components
  • Implement a component that will be responsible for rendering the Pomodoro timer using Vue.js and Bootstrap
  • Revisit the basics of trigonometric functions (you were not expecting that, right?)

Scaffolding the application

Before everything, let's make sure that we ...

Get Vue.js 2 and Bootstrap 4 Web Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial