jarrodbb / Note-Taker

Note Taker
MIT License
0 stars 0 forks source link

Note-Taker

Note Taker

Description

Application to write and save notes so the user can organise their thoughts and keep track of tasks

The User is required to input a Title and Text for the note. Once saved, it will be displayed on the side of the application along with any previous notes.

The user us also given the functionality to delete any preferred note

Table of Contents

Installation

Ensure a package.json file exists

If there is no package.json install one by running npm init

Install Express and uuid

node_modules folder will be created. This folder contains all third-party packages that have been dowloaded

Add a .gitignore file and add node_modules to ensure the third-party packages are not committed to Github

Public

index.js

index.html

notes.html

Routes

index.js

notes.js

Database

db.json

Helpers

fsUtils.js

Packages

package.json

Deployed Link using Heroku

Note Taker

Usage

Landing Page

Screenshot 2023-08-05 at 2 01 46 pm

Click the "Get Started" Button to go to the Notes Page

Notes Page

Screenshot 2023-08-05 at 2 04 09 pm

Input the Title and Text for the note

Screenshot 2023-08-05 at 2 05 04 pm

Click save button in top right corner

Screenshot 2023-08-05 at 2 05 42 pm

Note saved to left column

Screenshot 2023-08-05 at 2 05 52 pm

Adding more notes will be saved in the same column.

Screenshot 2023-08-05 at 2 07 24 pm

All notes are saved to db.json in the db folder

Clicking an existing note will display it in the main section

Screenshot 2023-08-05 at 2 08 50 pm

Clicking the + button allows the user to add another note

Screenshot 2023-08-05 at 2 09 27 pm

To delete a note, click the red Bin icon

Screenshot 2023-08-05 at 2 10 01 pm Screenshot 2023-08-05 at 2 15 09 pm

This removes it from the application and the db.json file

License

Please refer to the licence in the repo.