Sticky Notes Application A simple and interactive web application for creating and managing sticky notes, built with HTML, CSS, and JavaScript.
Table of Contents About
Features
Technologies Used
How to Use
Future Enhancements
License
About This project is a basic sticky notes application that allows users to create, view, and delete notes directly in their web browser. It's designed to be intuitive, with a clean and minimalistic interface reminiscent of physical sticky notes on a board.
Features Create Notes: Click the "Create Note" button to open a text area where you can write a new note.
Save Notes: Press the checkmark icon to save the note, which then appears on the main board.
Delete Notes: Double-click on any note to remove it.
Dynamic Layout: Notes are created with a random color, margin, and rotation to mimic a natural, handwritten feel.
Character Limit: The note text area has a maximum character limit of 96 to ensure notes remain concise.
Technologies Used HTML5: For the application structure.
CSS3: For styling the interface and the sticky notes.
JavaScript: For all interactive functionality, including creating, displaying, and deleting notes.
Google Fonts: For the "Architects Daughter" font, which gives the notes their unique style.
Bootstrap 4.5.2: Used for basic button styling.
How to Use Clone the repository:
Bash
git clone https://github.com/Saya2003/Sticky-Notes-Application.git Navigate to the project directory:
Bash
cd your-repository-name Open the index.html file: Open the index.html file in your preferred web browser to run the application. Alternatively, you can use a Live Server extension in an editor like VS Code.
Future Enhancements Local Storage: Add functionality to save notes locally so they persist even after the browser is closed.
Note Editing: Allow users to edit existing notes.
Search Functionality: Implement a search bar to easily find specific notes.
Drag-and-Drop: Enable users to drag and rearrange the notes on the board.
License This project is licensed under the MIT License. See the LICENSE file for details.