/EUPHORIA_HASHNODE

Primary LanguageHTMLMIT LicenseMIT

NotesApp - Js

Week 7 - Further JavaScript


notepad

During this project, I was tasked with creating a frontend, single page app using only pure JavaScript

Goals

  • I have an understanding of MVC architecture
  • I wrote code that is easy to change
  • I know how my language works
  • I can build frontend app
  • I can build web apps
  • I can test-drive my code

How to use

Clone this project to your machine.

$ git clone https://github.com/MarcusKerr/notes-app.git

Once cloned, open index.html and you're ready to go!

index

1. Create a note

In order to create your first Note, type your desired content into the textarea and click the submit button.

create note

2. View a note

Once a Note has been created, a corresponding link will appear in the Note List

view note

Clicking this link will take you to a page that displays the Note's full content.

Running tests

To view the tests open your browsers development tools and click on the console tab.

The results of the test scrips can be seen here.

tests

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