applied the chapter 5 tutorial of Notes App