Online Demo: Southwind Example Application

Southwind is a simple example application based in Northwind database from Microsoft.

The aim is to provide developers with an a simple initial codebase that has examples of code patterns using a familiar data model. 

While the application is fully functional, it has not been designed for real usage and the example data (and images!) are quite old. 

 

Go to Southwind Online Demo

 

User name Password Role
Steven Steven Super user
Andrew Andrew Super user
Michael Michael Advanced user
Robert Robert Advanced user
Janet Janet Advanced user
Margaret Margaret User
Nancy Nancy User
Laura Laura User
Anne Anne User

What to do?

  1. The initial page shows a rudimentary pubic catalog, it is fully cached in memory. It also uses instance localization allowing you to change the name and description of your products. 
  2. There's a combo in the top to change the language, is very easy to do multi language applications using Signum Framework. 
  3. Another combo let you change the visual theme. Signum Framework uses Bootstrap CSS Framework for web layout. 
  4. In order to do something interesting, you'll need to log-in with any of the user in the table. The Login page and reset password functionality is already provided by the Auth module.
  5. Two menus (Southwind and Admin) show you the most important entities, but power users prefer to use the Omnibox in the left. Try writing "help" to find the available commands. 
  6. Write "Orders" in the Omnibox, then press Enter. This is the SearchControl. Is really powerful, you can learn more about it here
  7. Open an Order pressing "View", this is the typical page or an entity. On the top there are buttons, those are the entity operations.
  8. If you write something incorrect, like removing the customer and then press Save, you'll see validation taking effect. 
  9. Search another customer using the magnifier button, this will open a modal Search Control. Even better, just write in the customer field and you'll have auto-completion
  10. If you add new products, or change the quantity, the sub-total price and total price are updated using client side behavior written in TypeScript. 
  11. Write  "Chart Orders" in the Omnibox, this is the charting module. Another video here.
  12. You can customize also try to create a dashboard in the main page following this video

Do you want an application like this?