React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Make My Notes

Welcome to the Make My Notes, a powerful and user-friendly web application that allows users to create, manage, and share notes efficiently. Whether you're taking quick personal notes or collaborating on a project, the app has all the features you need, including privacy settings, categories, and full editing capabilities.

---

Features

• Create Notes: Users can create notes with a title, content, and a specific note category (e.g., work, personal, study).
• Privacy Settings: Each note can be marked as public or private, determining who can view the note. Public notes can be accessed by anyone, while private notes are only accessible to the note creator.
• Edit Notes: Modify existing notes anytime. Update titles, categories, content, or privacy settings as needed.
• Delete Notes: Remove notes permanently when they are no longer needed.
• View Notes: View and browse through a list of your saved notes. Public notes can be viewed by other users.
• Category Selection: Choose from predefined categories (e.g., Personal, Work, Study, etc.) to organize your notes better.* Share Notes: Share notes with others through social media or direct link. Easily copy the shareable link to your clipboard.
• Download Notes: Download your notes as text or PDF files for offline access or printing.
• Copy Notes: Copy the note content to your clipboard for quick pasting elsewhere.

---

Screenshots

---

Technologies Used

• Frontend: HTML, CSS, JavaScript, React.js
• Styling: Tailwind CSS (for responsive and modern design)

How to Use

1. Creating a New Note

• Click on the "Create Note" button.
• Enter the title and content of your note.
• Choose the category of your note (e.g., Work, Personal, etc.).
• Select your desired privacy setting (Public or Private).
• Click Save to create the note.

2. Editing and Deleting Notes

• To edit an existing note, click the Edit button next to the note.
• Update the title, content, category, or privacy setting
• Click Save to update the note.
• To delete a note, click the Delete button next to the note and confirm the action.

3. Sharing Notes

• To share a note, click the Share button.
• Copy the shareable link or use the provided sharing options (e.g., social media).

4. Downloading Notes

• To download a note, click the Download button.
• Choose your preferred file format (e.g., TXT or PDF) and download the note to your device.

5. Copying Notes

• To copy the content of a note, click the Copy button to copy it to your clipboard.

6. Viewing Notes

• View your saved notes on the main dashboard.
• Public notes are accessible by everyone, while private notes can only be viewed by you.

Setup Instructions

1. Clone the Repository

• git clone https://github.com/your-username/notes-maker-app.git cd notes-maker-app

2. Install Dependencies

• npm install

3. Run the Development Server

• npm start

Contributing

We welcome contributions to this project! If you'd like to improve the app, please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature-name)
3. Make your changes
4. Commit your changes (git commit -am 'Add new feature')
5. Push to the branch (git push origin feature-name)
6. Open a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or feedback, feel free to contact the creator at [email protected]