{"id":23178498,"url":"https://github.com/cometchat/javascript-react-chat-end-to-end-encryption-app","last_synced_at":"2025-10-16T06:36:44.821Z","repository":{"id":45007758,"uuid":"446762902","full_name":"cometchat/javascript-react-chat-end-to-end-encryption-app","owner":"cometchat","description":null,"archived":false,"fork":false,"pushed_at":"2022-01-14T08:21:35.000Z","size":2754,"stargazers_count":14,"open_issues_count":0,"forks_count":9,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-08-18T12:46:46.531Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cometchat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null}},"created_at":"2022-01-11T09:48:48.000Z","updated_at":"2025-08-03T10:30:36.000Z","dependencies_parsed_at":"2022-09-24T21:31:37.644Z","dependency_job_id":null,"html_url":"https://github.com/cometchat/javascript-react-chat-end-to-end-encryption-app","commit_stats":null,"previous_names":["cometchat/javascript-react-chat-end-to-end-encryption-app"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cometchat/javascript-react-chat-end-to-end-encryption-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cometchat%2Fjavascript-react-chat-end-to-end-encryption-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cometchat%2Fjavascript-react-chat-end-to-end-encryption-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cometchat%2Fjavascript-react-chat-end-to-end-encryption-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cometchat%2Fjavascript-react-chat-end-to-end-encryption-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cometchat","download_url":"https://codeload.github.com/cometchat/javascript-react-chat-end-to-end-encryption-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cometchat%2Fjavascript-react-chat-end-to-end-encryption-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279163146,"owners_count":26117378,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-16T02:00:06.019Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-18T07:11:33.064Z","updated_at":"2025-10-16T06:36:44.781Z","avatar_url":"https://github.com/cometchat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"180\" height=\"180\" src=\"./Screenshots/logo.png\"\u003e\n\u003c/p\u003e\n\n# CometChat End-to-end Encryption Sample App (React)\n\n![CometChat - Virgil End-to-end encryption](./Screenshots/main.png)\n\n[![Release](https://img.shields.io/github/v/release/cometchat-pro/cometchat-pro-react-sample-app)](https://github.com/cometchat-pro/cometchat-pro-react-sample-app/releases/)\n[![JavaScript](https://img.shields.io/github/languages/top/cometchat-pro/cometchat-pro-react-sample-app)](https://img.shields.io/github/languages/top/cometchat-pro/cometchat-pro-react-sample-app)\n[![Stars](https://img.shields.io/github/stars/cometchat-pro/cometchat-pro-react-sample-app?style=social)](https://github.com/cometchat-pro/cometchat-pro-react-sample-app/stargazers)\n[![CometChat](https://img.shields.io/twitter/follow/CometChat?label=CometChat\u0026style=social)](https://twitter.com/CometChat)\n\nCometChat End-to-end Encryption Sample App (built using **CometChat UI Kit**) is a fully functional real-time messaging app capable of Encrypted private (one-on-one) \u0026 group text messaging using the [Virgil's E3Kit](https://virgilsecurity.com/e3kit/).\n\n## Features\n\n- Login\n- Encrypted Private(1-1) \u0026 Group text messages\n\n---\n\n## Prerequisites\n\n**React setup**\n\n- React\n  ```bash\n  npm install react@17.0.2\n  ```\n- React DOM\n  ```bash\n  npm install react-dom@17.0.2\n  ```\n- React App Rewired\n  ```bash\n  npm install --save-dev react-app-rewired\n  ```\n- Replace `react-scripts` with `react-app-rewired`\n\n  ```diff\n  /* package.json */\n\n  \"scripts\": {\n  -   \"start\": \"react-scripts start\",\n  +   \"start\": \"react-app-rewired start\",\n  -   \"build\": \"react-scripts build\",\n  +   \"build\": \"react-app-rewired build\",\n  -   \"test\": \"react-scripts test\",\n  +   \"test\": \"react-app-rewired test\",\n      \"eject\": \"react-scripts eject\"\n  }\n  ```\n\n**Node sass**\n\n- Add node-sass dependency in your project.\n\n  ```javascript\n  npm install --save-dev node-sass@version\n  ```\n\n  **Note**: Cross check for the compatible version of this dependency with your system's node version in the link given below  \n  [https://www.npmjs.com/package/node-sass](https://www.npmjs.com/package/node-sass)\n\n**Client-side Virgil setup**\n\n- Virgil E3Kit\n  ```bash\n  npm install @virgilsecurity/e3kit-browser\n  ```\n- File loader\n  ```bash\n  npm install --save-dev file-loader\n  ```\n- Create a file named `config-overrides.js` along-side `package.json` \u0026 paste the below content:\n\n  ```javascript\n  module.exports = (config, env) =\u003e {\n    config.module.rules[1].oneOf.unshift({\n      test: /\\.wasm$/,\n      type: 'javascript/auto',\n      loader: 'file-loader',\n    });\n    return config;\n  };\n  ```\n\n**Virgil Dashboard \u0026 Extension settings:**\n\n- Sign up or Log in with [Virgil](https://dashboard.virgilsecurity.com/apps).\n- Create a new application.\n- Go to E3Kit section \u0026 create the .env file. Copy the following details:\n  - APP_ID\n  - APP_KEY_ID\n  - APP_KEY\n- Login to [CometChat Dashboard](https://app.cometchat.com) \u0026 select your app.\n- Go to the Extensions section \u0026 enable the End-to-end encryption extension.\n- Open the Settings for this extension \u0026 save the following:\n  - APP_ID\n  - APP_KEY_ID\n  - APP_KEY\n- Save your settings.\n\n---\n\n## Installing the Sample App\n\n1. Clone this repository\n   ```bash\n   git clone https://github.com/cometchat-pro/javascript-react-chat-end-to-end-encryption-app.git\n   ```\n2. Navigate to the root directory \u0026 replace `APP_ID`, `REGION` \u0026 `AUTH_KEY` with your CometChat app's `App ID`, `Region` \u0026 `Auth Key` in `src/consts.js` file.\n\n   ![src/consts.js](./Screenshots/constants.png 'Constants')\n\n3. Install dependencies:\n\n   ```javascript\n   npm install\n   ```\n\n---\n\n## Running the sample app\n\n```javascript\n  npm start\n```\n\n---\n\n## Troubleshooting\n\n- To learn more about the End-to-end encryption extension visit our [Documentation](https://www.cometchat.com/docs/extensions/end-to-end-encryption).\n\n- Facing any issues while integration? Please connect with us via real-time support present in the [CometChat Dashboard](https://app.cometchat.com).\n\n---\n\n## Contributors\n\nThanks to the following people who have contributed to this project:\n\n[@priyadarshininadar](https://github.com/priyadarshininadar)  \n[@ajaygajra](https://github.com/ajaygajra)  \n[@prathamesh-majgaonkar](https://github.com/prathamesh-majgaonkar)  \n[@shubhamsingh-CometChat](https://github.com/shubhamsingh-CometChat)  \n[@mayur-bhandari](https://github.com/mayur-bhandari)\n\n---\n\n## Contact\n\nContact us via real time support present in the [CometChat Dashboard](https://app.cometchat.com/).\n\n---\n\n# License\n\nThis project uses the following [license](https://github.com/cometchat-pro/javascript-react-chat-end-to-end-encryption-app/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcometchat%2Fjavascript-react-chat-end-to-end-encryption-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcometchat%2Fjavascript-react-chat-end-to-end-encryption-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcometchat%2Fjavascript-react-chat-end-to-end-encryption-app/lists"}