Previewing the final e-commerce app

Let's take a break from the terminal. In any project, before starting coding, we need to spend some time planning and visualizing what we are aiming for. That's exactly what we are going to do: draw some wireframes that walk us through the app. Our e-commerce app–MEANshop–will have three main sections:

  • Homepage
  • Marketplace
  • Backoffice

Homepage

The homepage will contain the featured products, navigation, menus, and some basic information, as you can see in the following image:

Homepage

Figure 2: Wireframe of the homepage

Marketplace

This section will show all the products, categories, and search results:

Figure 3: Wireframe of the ...

Get Web Application Development with MEAN 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.