bluesatyr / note-taker

Note-Taker

Description

A simple note taking app that runs on a node server.

Screenshot

Table of Contents

• Installation
• Usage
• Demo

Installation

Simply clone the project and run 'npm install'.

Usage

The user can create simple text-based notes which are saved to a json file for access later. The user is able to create new notes, read older notes and delete notes.

Demo

A demo of this app is deployed at https://bluesatyr-notes-2021.herokuapp.com/

Questions

For additional information on this project contact me by email at [email protected] or visit my GitHub page at https://github.com/bluesatyr.

note-taker's Issues

Create a web server

• create endpoints for serving public pages & api routes
• create routes for GET, POST and DELETE requests
• allow users to access notes that are already created in JSON format in db.json file

Handle DELETE requests

Delete a Note

• clicking on trashcan icon initiates the delete of the note
• a DELETE request using the note id is sent to server
• server deletes that note sending back the updated data as a response
• list auto renders without the deleted note

Allow creation of new data in db.json

Take mock data and create new entries in db.json

• create callback for POST request from front end

Use 'uuid' to give notes a unique id

• when a note is created on the server, automatically creates an id and save it as a property of the note object

Use fs to write data to db.json

View and create new notes from the front end.

View Notes

• use a GET request to access db.json data saved as a local array
• render a list of notes in notes.html
• use 'data-note' attribute in list items to hold the individual note's json data
• integrate note viewing based on click event

Create New Notes

• allow users to create new notes giving a Title and Text using <textarea>
• on change, save icon appears
• clicking on save icon pushes the new note to the server using a POST method
• Once written, the list refreshes including the new note