notes_app

Project Goal

Write a frontend, single page app using only pure JavaScript (further JS)

Concepts Covered

• Frontend, single page web apps.
• Events and event handlers.
• Manipulating the Document Object Model (DOM).
• Asynchronous requests.
• Frontend templating.
• Frontend routing.

Planning

User Stories

As a programmer
I can see a list of my notes, where each note is abbreviated to the first 20 characters
So I can find the one I want

As a programmer
I can create a new note
So I can record something I need to remember

As a programmer
I can see the full text of an individual note on its own page
So I can see all the information in the note

As a programmer
I can use shortcodes like `:fire:` that get converted into emojis like 🔥
So I can record notes with fun little pictures

Bonus User story

As a programmer
I can refresh the page and still see my notes
So I can remember what I took down

Mockup

Domain