Note-Taker

Table of Content:

1. Project Description
2. Installation
3. Deployment
4. Screenshots

Project Description:

This Project demonstrates how we can write,read and delete data by connecting routes with differnt files. Making frontend and backend interact with one another.

How it works?

1. Click on the Heroku link provided below on Deployment.
2. A landing page is presented with a link to the notes page.
3. Once clicked then the Note-page is displayed.img1
4. On the right side of the column if we click on the blank page we can type on the title and text. A save button appears during this process.img2
5. Once save button is clicked, on the right side of the column the note title appears.img3
6. If the title of the note is clicked, it will then display the note on the right side of screen to read.img4
7. When "+" is clicked on the upper right side of the screen, we can then add another note.img5
8. When the "trash-can" Icon is clicked it will delete the selected note title.img1

Installation:

npm i express

Deployment:

Github: (https://github.com/pjsherpa/Note-Taker)

Heroku: (https://cryptic-island-27891.herokuapp.com/)

Screenshots:

img1:

img2:

img3:

img4:

img5: