An open API service indexing awesome lists of open source software.

https://github.com/jatinparmar1011/shareable-notes-playpower-


https://github.com/jatinparmar1011/shareable-notes-playpower-

groq-ai natural-language reactjs tailwindcss

Last synced: 7 months ago
JSON representation

Awesome Lists containing this project

README

          

# Shareable Notes

Shareable Notes is a feature-rich, user-friendly application designed for efficient note-taking and management. It offers a powerful custom text editor, advanced organizational tools, and AI-driven enhancements like content summaries and grammar checks, ensuring a seamless and intelligent experience for users.

---

## ✨ Features

### 📝 Rich Text Editor
- Comprehensive text formatting options:
- Undo and redo actions.
- Text styling: **Bold**, *Italic*, and _Underline_.
- Alignment controls: Left, Center, and Right.
- Adjustable font sizes for better customization.

### 📚 Note Management
- **CRUD Operations**: Create, edit, delete, and view notes.
- **Pinning Notes**: Highlight and prioritize important notes by pinning them to the top of the list with a visual indicator.

### 🔐 Note Encryption
- Protect sensitive notes with password-based encryption.
- End-to-end encryption ensures data security and confidentiality.

### 💾 Data Persistence
- Automatic saving of notes and preferences using:
- **Browser Local Storage** for quick access.

### 🤖 AI-Powered Enhancements
- Intelligent insights to improve note-taking:
- **Content Summaries**: Generate concise overviews of notes.
- **Key Themes and Keywords**: Identify and suggest relevant tags or ideas.
- **Grammar Check**: Detect grammatical errors and offer corrective suggestions.

### 🖌️ Intuitive User Interface
- A clean and modern interface featuring:
- A toolbar with text formatting options.
- A sidebar to list and navigate notes.
- A main editor panel for seamless note editing.

### 📱 Responsive Design
- Fully optimized for different devices:
- **Desktop, Tablet, and Mobile** layouts.
- Touchscreen support for enhanced usability on mobile devices.

---

## 🛠️ Technologies Used
- **Frontend Framework**: [React.js](https://reactjs.org/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **AI Features**: [Groq](https://www.groq.com/)
- **Storage**: Browser Local Storage

---

## Screenshots

![1](https://github.com/user-attachments/assets/a1b26c13-f36a-4a87-badf-ff78aada5044)

![2](https://github.com/user-attachments/assets/da6ef2bd-2ad3-45a8-a736-b69e6bb4a8d1)

![3](https://github.com/user-attachments/assets/08911db2-4339-42a1-9d04-f6abdfb80ac0)

![4](https://github.com/user-attachments/assets/ee58de99-96e1-497b-b4fd-05f9ce06d265)

![5](https://github.com/user-attachments/assets/c016e8a5-1f41-468a-880c-18a14c4085ee)

![6](https://github.com/user-attachments/assets/b62e4777-4825-4606-9ebe-67e1e37ecd81)

![7](https://github.com/user-attachments/assets/fc3aacbf-0216-4b13-ad8d-0d84782356ab)

---

## 🚀 Installation and Setup

### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/) (version 14 or above)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

### Steps
1. **Clone the Repository**:
```bash
git clone https://github.com/your-username/shareable-notes.git

1. **After cloning, change into the project directory**:
```bash
cd shareable-notes