Your challenge is to create an application called Note Taker that can be used to write and save notes. This application will use an Express.js back end and will save and retrieve note data from a JSON file.
The application’s front end has already been created. It's your job to build the back end, connect the two, and then deploy the entire application to Heroku.
GIVEN a note-taking application WHEN I open the Note Taker THEN I am presented with a landing page with a link to a notes page WHEN I click on the link to the notes page THEN I am presented with a page with existing notes listed in the left-hand column, plus empty fields to enter a new note title and the note’s text in the right-hand column WHEN I enter a new note title and the note’s text THEN a "Save Note" button and a "Clear Form" button appear in the navigation at the top of the page WHEN I click on the Save button THEN the new note I have entered is saved and appears in the left-hand column with the other existing notes and the buttons in the navigation disappear WHEN I click on an existing note in the list in the left-hand column THEN that note appears in the right-hand column and a "New Note" button appears in the navigation WHEN I click on the "New Note" button in the navigation at the top of the page THEN I am presented with empty fields to enter a new note title and the note’s text
-
Create a new repository on your GitHub account and clone it to your computer.
-
When you're ready to deploy, use
git add,git commit, andgit pushcommands to save and push your code to your GitHub repository. -
Navigate in your browser to your GitHub repository and then navigate into your repository's
Settingstab on the right side of the repository's page. -
From the settings page, scroll down to the GitHub Pages section and then, in the section labeled
Source, select that you would like to use themainbranch as your source. -
Navigate to
<your-github-username>.github.io/<your-repo-name>and you will find that your new web page has gone live! (For example, if your GitHub username islernantinoand the project iscss-demo-site, your URL would belernantino.github.io/css-demo-site)
Navigate to Note Taker and view the web page.
Created by Joshua King.
##License
MIT License
Copyright (c) [2023] [Joshua King]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.