JotPro

JotPro is a JavaScript note-taking application that allows users to create, edit, delete, and search notes. The application features a dynamic interface with light and dark themes, customizable backgrounds, and rich text formatting options.

Table of Contents

• Demo
• Features
• Technologies Used
• Getting Started
• Usage
• File Structure

Demo

[https://jotpro.vercel.app]

Features

• Create, edit, delete, and search notes.
• Light and dark themes.
• Customizable backgrounds.
• Rich text formatting options (bold, italic, underline, unordered lists).
• Local storage for persistent note saving.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Bootstrap 5

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Make sure you have the following installed:

• A modern web browser (Chrome, Firefox, Safari, etc.)

Installation

1. git clone [https://github.com/nduagoziem/JotPro.git]
2. Open 'index.html' in your preferred web browser.

Usage

Navigating the App

Home Section: View all saved notes. Note Section: Create or edit notes.

Themes and Backgrounds

Toggle between light and dark themes. Select a background image from the dropdown menu.

Creating and Editing Notes

Click the 'Note' button to switch to the note creation section. Enter a title and body for your note. Use the formatting buttons to style your text. Click the save icon to store your note.

Searching Notes

Enter a keyword in the search bar to filter notes by title.

File Structure

JotPro/ │ ├── Images/ │ ├── logo.png │ ├── night-bg.jpg │ ├── settings.svg │ ├── villa-bg.jpg │ └── beach-bg.jpg │ ├── Bootstrap/ │ ├── css/ │ │ └── bootstrap.min.css │ └── js/ │ └── bootstrap.bundle.min.js │ ├── style.css ├── main.js ├── index.html └── README.md

Happy Coding 😊