Noteworthy

Overview

Noteworthy is a modern note-taking application designed to capture and organize your thoughts, tasks, and reminders in a seamless manner. With its intuitive interface and powerful features, keeping track of your day-to-day tasks and ideas has never been easier.

Table of Contents

• Features
• Usage Guide
• Screenshots
• Technologies Used
• Live Demo
• Credits
• License

Features

• Landing Page: Begin your experience on a welcoming landing page with easy navigation to your notes.
• Notes Display: View all your saved notes in a dedicated space, allowing for quick access and editing.
• Instant Saving: As you jot down your thoughts, a convenient save icon ensures you don't lose any data.
• Note Preview: Click on any existing note to view its content, making it simpler to revisit old entries.
• Easy Note Creation: A dedicated "Write" icon to start fresh, so your creative process is uninterrupted.
• Backend Storage: Reliable data persistence using a db.json backend file.
• API Integration: Efficient routes for fetching, saving, and deleting notes as needed.

Usage Guide

1. Access Landing Page: Launch Noteworthy and be greeted with the main landing page.
2. Navigate to Notes: Use the link to access your notes, displayed in an organized left-hand column.
3. Create a Note: Click the "Write" icon to get started with a new note. As you type, a "Save" icon appears for quick saving.
4. Editing and Organizing: Click on any existing note to view or edit. Once changes are made, the save icon lets you update instantly.
5. Deletion: For any note you wish to remove, an optional delete functionality lets you keep your notes list clutter-free.

Screenshots

Technologies Used

• Frontend: HTML, CSS, and JavaScript
• Backend: Node.js, and Express.js
• Database: A db.json file ensures all notes are stored and retrieved efficiently, with the fs module facilitating file operations.
• API Integration: Custom routes (GET, POST, DELETE) to interact with notes, providing a seamless user experience.

Live Demo

Check out the live version of this project here.

Credits

This project was accepted and completed as part of the UofT SCS Coding Boot Camp Online: Fullstack Flex PT course through the University of Toronto. The contents of the public folder was created by edX Boot Camps LLC. and has been modified for the purpose of this assignment. Otherwise, this project was independently developed by myself, Victoria Alawi.

• Github: @lightoftwelve
• LinkedIn: @Victoria Alawi
• Website: www.lightoftwelve.com

License

This project is not currently licensed.