This project is a dynamic and interactive Sticky Notes web application that allows users to create, organize, and manage their notes with a simple drag-and-drop interface. Built using HTML, CSS, and JavaScript, it offers a user-friendly experience for jotting down quick thoughts, reminders, or tasks.
- Create New Notes: Easily add new sticky notes to your canvas.
- Drag and Drop Functionality: Rearrange notes effortlessly by dragging them to any desired position.
- Customizable Content: Edit the text within each sticky note to suit your needs.
- Intuitive Design: A clean and straightforward user interface for an optimal note-taking experience.
- HTML5: For the basic structure of the web application.
- CSS3: For styling and creating an appealing visual design.
- JavaScript: For all the interactive functionalities, including note creation, drag-and-drop, and content manipulation.
Experience the Sticky Notes application live:
- Create a New Note: Click on the "+" icon or the "Add Note" button to generate a new sticky note.
- Add Content: Click on the newly created note and start typing your content.
- Move Notes: Click and drag any sticky note to reposition it on the screen.
- Delete Notes: (If implemented) Look for a delete/close icon on each note to remove it.
To get a local copy up and running, follow these simple steps.
You only need a modern web browser to view and interact with this project.
- Clone the repository:
git clone [https://github.com/bhargava562/stickynotesWebpage.git](https://github.com/bhargava562/stickynotesWebpage.git)
- Navigate to the project directory:
cd stickynotesWebpage - Open
index.htmlin your preferred web browser.
I've shared more about this project on LinkedIn. Check out the post here:
Distributed under the MIT License. See LICENSE for more information.
- [Any libraries/resources you used]
- [Inspiration]
My Email - bhargava.anandakumar@gmail.com
Project Link: https://github.com/bhargava562/stickynotesWebpage