Creating custom keyboard shortcuts for your application

In most cases, creating a web application means having a beautiful UI with unobstructed data. You want your user to have a fluid experience without having to go through the hassle of clicking through multiple pages, which can become quite a hassle sometimes.

Take any IDE, for example. As useful as they are and as easy as they make our lives on a day-to-day basis, imagine not having simple shortcuts in them, such as code indentation. Sorry for the scare, but it is true that having minor details like these can make the user experience very fluid, making users come back for more.

Let's now create a simple set of keyboard shortcuts that you can provide to your application to make things a lot easier for your end user. To create this, you will need the following things:

• A web application (we created one earlier)
• A set of features, which you want to be able to control with the keyboard
• An implementation simple enough to make adding new features to it very simple

If you remember the custom back button from Chapter 1, Building Stacks for Application State Management, we are going to create an application that is something similar. Let's quickly put together the example application again. For detailed instructions, you can follow the same example (Creating an Angular Application) from Chapter 1, Building Stacks for Application State Management.