Skip to content

jroller33/Express.js-Notes-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Express.js Notes App

License: MIT

Description

This is a deployed app that allows you to create, read, update and delete notes in a database. It uses node.js, Express.js, REST API, npm, UUID, bootstrap, HTML, CSS, and javascript.

HTML routes:

  • ✅ GET /notes - returns /public/notes.html
  • ✅ GET * - returns /public/index.html

API routes:

  • ✅ GET /api/notes - read db.json and return all saved notes as JSON
  • ✅ GET /api/notes/:id - read db.json and return specific saved note
  • ✅ POST /api/notes - receive new note to save on the request body, add to db.json, and return the new note to the client.
  • ✅ DELETE /api/notes/:id - receives a query parameter with the id of a note to delete. First read all notes from db.json, remove the note with the given id property, and rewrite notes to db.json

Table of Contents

Deployed Link

Express.js Notes App

Usage

  1. On the landing page, click the "Get Started" button.
  2. You will be redirected to the /notes page.
  3. Saved notes are shown in the left column.
  4. On the right, you can click on the title and text fields to type a new note.
  5. After you've entered a title and text, a save button will appear in the top-right corner.
  6. After you click the save button, the saved note will appear in the left column.
  7. You can click on any saved note on the left, and the title and text for that note will appear on the right.
  8. Click the '+' button in the top-right corner to write a new note.
  9. To delete a saved note, click the red delete button next to the note.

Screenshots

Landing Page:

Landing Page

Notes Page:

Notes Page

Contribution

You can contribute here.

Tests

I used Insomnia for API testing.

License

This project is licensed under the MIT License.

Contact

GitHub