{"id":22952482,"url":"https://github.com/rjjha/tomperchat.com","last_synced_at":"2026-04-06T21:33:23.222Z","repository":{"id":196732549,"uuid":"692483672","full_name":"Rjjha/TomperChat.com","owner":"Rjjha","description":"This is a chatting app , which feels like WhatsApp.","archived":false,"fork":false,"pushed_at":"2023-09-27T03:36:30.000Z","size":1936,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T23:31:43.602Z","etag":null,"topics":["express","nodejs","reactjs","socket-io"],"latest_commit_sha":null,"homepage":"https://tomper-chat.onrender.com/login","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Rjjha.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-09-16T16:08:40.000Z","updated_at":"2023-09-29T01:02:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"78449754-e413-4268-b5b0-5d21a27282ee","html_url":"https://github.com/Rjjha/TomperChat.com","commit_stats":null,"previous_names":["rjjha/tomperchat.com"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Rjjha/TomperChat.com","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rjjha%2FTomperChat.com","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rjjha%2FTomperChat.com/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rjjha%2FTomperChat.com/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rjjha%2FTomperChat.com/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rjjha","download_url":"https://codeload.github.com/Rjjha/TomperChat.com/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rjjha%2FTomperChat.com/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31491097,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T17:22:55.647Z","status":"ssl_error","status_checked_at":"2026-04-06T17:22:54.741Z","response_time":112,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["express","nodejs","reactjs","socket-io"],"created_at":"2024-12-14T15:37:38.875Z","updated_at":"2026-04-06T21:33:23.204Z","avatar_url":"https://github.com/Rjjha.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align='center'\u003e\n\u003cimg src='./client/src/assets/logo.svg'  width='25%'\u003e\n\u003c/p\u003e\n\u003cp align='center'\u003e\n\u003cb\u003eWhatsApp clone build using MERN stack\u003c/b\u003e\n\u003c/p\u003e\n\u003cp align='center'\u003e\n\u003ca href='https://tomper-chat.onrender.com/' target='_blank'\u003etomper-chat.onrender.com\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003cp align='center'\u003e\nThis is the frontend + backend of TomperChat build with MERN stack\n\u003c/p\u003e\n\u003c!-- \u003cp align='center'\u003e\n\u003cimg src='./assets/dp1.PNG' \u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cimg src='./assets/dp2.PNG' \u003e\n\u003c/p\u003e\n --\u003e\n#### 🧾 Description\n\nTomperChat is a clone of WhatsApp. Its build using MERN stack and uses \u003ca href='https://socket.io/'\u003esocket.io\u003c/a\u003e for realtime messaging, online statuses, notifications etc.\n\n#### ✨ Features\n\n- [x] User authentication.\n- [x] Search for users to chat with.\n- [x] Create a group-chat.\n- [x] Only group-chat admin can edit the group chat details like name or add/remove users.\n- [x] Uninterested users can leave the group-chat.\n- [x] Chat in realtime with \u003ca href='https://socket.io/'\u003esocket.io\u003c/a\u003e.\n- [x] User's realtime online/offline status in private chat.\n   \n- [x] Realtime chat notifications for both private and group chat.\n- [x] Responsive for all screen sizes.\n- [x] And most importantly 😎 Feels just like whatsapp-web (or Desktop app).\n\n#### 🙄 TODO\n\n- [ ] Users can delete messages.\n- [ ] Group admins can delete group-chat.\n\n#### ⚙ Tools and Technologies used\n\n###### Frontend\n\n1. [React.js](https://reactjs.org/)\n2. [Chakra-ui](https://chakra-ui.com/)\n3. [React-icons](https://react-icons.github.io/react-icons/)\n\n###### Backend\n\n1. [Node.js](https://nodejs.org/en/)\n2. [Express.js](https://expressjs.com/)\n3. [MongoDB](https://www.mongodb.com/)\n4. [JWT](https://jwt.io/)\n5. [Socket.io](https://socket.io/)\n6. [Cloudinary](https://cloudinary.com/)\n7. [Bcrypt.js](https://github.com/dcodeIO/bcrypt.js)\n\n#### 🛠 Installation and setup\n\n1. Clone the repo to your local machine.\n2. Install the required dependency for server using :\n\n   ```javascript\n   npm install\n   ```\n\n3. Install the required dependency for client using :\n\n   ```javascript\n   cd client\n   npm install\n   ```\n\n4. Create a .env file inside the root folder and provide the following environment variables:\n\n   ```env\n   PORT=5000\n   DB_URI=\u003cmongodb_uri\u003e\n   JWT_SECRET=\u003cyour_jwt_secret\u003e\n   JWT_EXPIRE=5d\n   COOKIE_EXPIRE=5\n   NODE_ENV=development\n   CLOUDINARY_CLOUD_NAME=\u003cyour_cloudinary_cloudname\u003e\n   CLOUDINARY_API_KEY=\u003cyour_cloudinary_api_key\u003e\n   CLOUDINARY_API_SECRET=\u003cyour_cloudinary_api_secret\u003e\n   FRONTEND_URL=http://localhost:3000\n   ```\n\n5. Start the express server using :\n\n   ```javascript\n   npm start\n   ```\n\n6. Start the react development server using:\n\n   ```javascrip\n   cd client\n   npm start\n   ```\n\n#### 🏎 Creating production built\n\n1. Create a production build react app using the command :\n\n   ```javascript\n   cd client\n   npm run build\n   ```\n\n2. Change the value of following environment variables:\n\n   ```env\n   NODE_ENV=production\n   ```\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cp align='center'\u003e\n(If you liked the project, give it star 😃)\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frjjha%2Ftomperchat.com","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frjjha%2Ftomperchat.com","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frjjha%2Ftomperchat.com/lists"}