en / es / ca / de

Canvas

Canvas is a strategic business management template for documenting business models. It is a visual chart with elements that describe the value proposition, infrastructure, customers and finances of a company or product.

Source code

Features

  • It is used in strategic business management to document business models.
  • It is a CRUD: you can create, read, update and delete notes.
  • You can see an explanation of each section by clicking on the "?" on top.
  • It is suitable for any device size, because its design is responsive.
  • It is also adaptable, each container fits its content.

What I learned

  • How to create modal windows with React.
  • How to lay out in a totally responsive way with a combination of Grid and Flex.
  • How to understand the use and working of the Canvas business model.

Technologies

  • Front-end: React Hooks (JavaScript), CSS-SASS, test Mocha Chai
  • Back-end: Node with Express, MongoDB, test with Jest