Share Notes App

Share Notes App is a simple web application that allows users to share notes, HTML content, or any random text with others via a unique generated link. Users can share these links on social media, messaging apps, or email, and the recipient can access and copy the shared content by clicking the link.

Features

• Create and Share Notes: Users can type in text, HTML content, or any other text format and generate a unique shareable link.
• Copy Shared Content: When the recipient clicks on the shared link, they can view the content and copy it for use.
• Easy Sharing: Share your note links directly to platforms like WhatsApp, social media, or email.

How It Works

1. Share a Note:

   • Users enter their text, HTML, or any other content into the app.
   • Click on the "Share" button to generate a unique URL.
   • This URL can be shared with others.

2. Accessing a Shared Note:

   • The recipient clicks on the shared link.
   • The content appears, and the recipient can copy the note or HTML to their clipboard for further use.

URL Structure

• Hosted URL: https://share-notes-five.vercel.app/
• Get Content by ID: To access a specific note, you can visit a URL in the format:

Replace ${id} with the actual ID of the note you want to retrieve. The ID is generated when the note is created.

Example

If you create a note and the generated ID is abc123, the link to share would be:

When someone opens this link, they will see the content of the note.

Technologies Used

• Frontend: HTML, CSS, JavaScript
• Hosting: Vercel

Getting Started

To run the project locally, follow these steps:

1. Clone the repository:
2. Navigate to the project directory:
3. Install dependencies (if applicable) and run the project:
4. Install dependencies (if applicable) and run the project: