One way to start designing an application is by creating mock-ups of the user interfaces. This way, you can present your mock-ups to your stakeholders, discuss them, update your mock-ups accordingly, and resubmit them to stakeholders. This can be done before you start developing.
The EveryNote app will look like the following mock-up:
Figure 3.2: EveryNote mock-up interface
The application will have the following features:
- Create new notes
- Show all notes
- Update an existing note
- Delete a note
- Save notes to LocalStorage
After basic features are implemented, we will also add two more features:
- Search among notes
- Pin a note
In a real-world application, you may need user stories to better define what the behaviors expected are and, thus, what programmers should code. These stories can be tested, and this type of test is called an acceptance test...
