Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vishvas1410/playpower_task_notes_sharing_app

A feature-rich Shareable Notes application with a custom-built rich text editor, efficient note management, and AI-powered features like auto glossary highlighting and grammar checks. Designed with a clean UI, responsive design, and secure data handling for an enhanced user experience.
https://github.com/vishvas1410/playpower_task_notes_sharing_app

ai-integration reactjs responsive-design typescript vitejs

Last synced: 28 days ago
JSON representation

Host: GitHub
URL: https://github.com/vishvas1410/playpower_task_notes_sharing_app
Owner: vishvas1410
Created: 2024-12-17T13:04:35.000Z (about 1 month ago)
Default Branch: main
Last Pushed: 2024-12-17T13:29:41.000Z (about 1 month ago)
Last Synced: 2024-12-28T20:15:36.912Z (28 days ago)
Topics: ai-integration, reactjs, responsive-design, typescript, vitejs
Language: TypeScript
Homepage: https://playpower-task-notes-sharing-app.vercel.app
Size: 62.5 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Shareable Notes Application

A feature-rich **Shareable Notes Application** designed for efficient note-taking and management, equipped with advanced AI-powered features and a clean, responsive user interface.

## Live Demo
Visit the live website: [Shareable Notes Application](https://playpower-task-notes-sharing-app.vercel.app/)
## Features

### Core Functionalities

#### 1. Custom Rich Text Editor
- Built from scratch without pre-made libraries like TinyMCE or Quill.
- Supports:
- **Text Formatting**: Bold, Italic, Underline.
- **Alignment**: Left, Center, Right.
- **Font Size Adjustments**.

#### 2. Note Management
- Create, edit, delete, and list notes.
- "Pin" important notes to the top with a visual indicator (e.g., pin icon).

#### 3. Basic User Interface (UI)
- Clean, straightforward design for easy navigation.
- Key elements:
- Toolbar for text formatting.
- Notes list panel.
- Main editing area.

### Advanced AI-Powered Features

#### 1. Auto Glossary Highlighting
- Automatically identifies and highlights key terms in notes.
- Displays a popup explanation when hovering over highlighted terms.

#### 2. Grammar Check
- Identifies grammatical errors and underlines them.
- Provides suggestions or corrections for common issues.

#### 3. AI-Driven Insights
- Analyzes note content to:
- Generate summaries.
- Identify key themes.
- Suggest related notes.

### Bonus Features
- **Responsive Design**:
- Adapts to various screen sizes (desktop, tablet, smartphone).
- Touch support and optimized layouts for smaller screens.
- **Data Persistence**:
- Saves notes and user preferences using browser local storage.
- **Note Encryption**:
- End-to-end encryption for secure, password-protected notes.

## Technical Highlights
- Developed using [your framework choice: React/Angular/Vanilla JS].
- Implements modern web development practices:
- ES6.
- CSS/LESS/SCSS.
- Modular, reusable, and high-quality code.

## Installation

1. Clone the repository:
```bash
git clone https://github.com/vishvas1410/PLAYPOWER_TASK_NOTES_SHARING_APP.git
```

2. Navigate to the project directory:
```bash
cd todolist-playpower-labs
```

3. Install dependencies:
```bash
npm install
```

4. Start the development server:
```bash
npm run dev
```

## Usage
- Open your browser and navigate to `http://localhost:5173`.
- Use the toolbar for text formatting and note-taking features.
- Explore advanced AI functionalities for glossary highlights, grammar checks, and insights.

## License
This project is licensed under the [MIT License](LICENSE).

---

For any queries or feedback, feel free to reach out to

Email : [email protected]

Contact No:+91 8401580064