{"id":23567299,"url":"https://github.com/luminarakash/real-time-chat-application","last_synced_at":"2026-04-01T18:18:58.148Z","repository":{"id":269204518,"uuid":"906673854","full_name":"luminarakash/Real-time-chat-application","owner":"luminarakash","description":"This is a real-time chat application built using the MERN stack, enhanced with Tailwind CSS for styling and Socket.IO for seamless, real-time communication. The project demonstrates how modern web technologies can be integrated to create a responsive, scalable, and interactive chat platform.","archived":false,"fork":false,"pushed_at":"2024-12-22T07:25:16.000Z","size":1245,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T12:23:31.508Z","etag":null,"topics":["cloudinary-api","css3","daisyui","express-js","html5","javascript","jwt-authentication","mongodb","mongodb-atlas","nodejs","reactjs","redux-toolkit","restful-api","socket-io","tailwind-css","zustand"],"latest_commit_sha":null,"homepage":"https://luminarakash-chat-app.onrender.com","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/luminarakash.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-21T15:17:37.000Z","updated_at":"2024-12-22T07:26:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"9598b49d-309b-4ed4-937c-a4b486b8d292","html_url":"https://github.com/luminarakash/Real-time-chat-application","commit_stats":null,"previous_names":["luminarakash/real-time-chat-application"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/luminarakash/Real-time-chat-application","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luminarakash%2FReal-time-chat-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luminarakash%2FReal-time-chat-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luminarakash%2FReal-time-chat-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luminarakash%2FReal-time-chat-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/luminarakash","download_url":"https://codeload.github.com/luminarakash/Real-time-chat-application/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luminarakash%2FReal-time-chat-application/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31018542,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-27T03:51:26.850Z","status":"ssl_error","status_checked_at":"2026-03-27T03:51:09.693Z","response_time":164,"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":["cloudinary-api","css3","daisyui","express-js","html5","javascript","jwt-authentication","mongodb","mongodb-atlas","nodejs","reactjs","redux-toolkit","restful-api","socket-io","tailwind-css","zustand"],"created_at":"2024-12-26T18:31:22.148Z","updated_at":"2026-04-01T18:18:58.141Z","avatar_url":"https://github.com/luminarakash.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀Real-time-chat-application🚀\n\nThis is a real-time chat application built using the MERN stack, enhanced with Tailwind CSS for styling and Socket.IO for seamless, real-time communication. The project demonstrates how modern web technologies can be integrated to create a responsive, scalable, and interactive chat platform.\n\n![Demo App](https://github.com/luminarakash/Real-time-chat-application/blob/main/ss/1.png)\n![Demo App](https://github.com/luminarakash/Real-time-chat-application/blob/main/ss/2.png)\n![Demo App](https://github.com/luminarakash/Real-time-chat-application/blob/main/ss/3.png)\n![Demo App](https://github.com/luminarakash/Real-time-chat-application/blob/main/ss/4.png)\n\n[Video Tutorial on Youtube](https://youtu.be/_zO6LbRhJx4?si=xWmJU3hkUO_OGe4n)\n\nHighlights:\n\n- ⭐ Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI\n- ⭐ Authentication \u0026\u0026 Authorization with JWT\n- ⭐ Real-time messaging with Socket.io\n- ⭐ Online user status\n- ⭐ Global state management with Zustand\n- ⭐ Error handling both on the server and on the client\n- ⭐ At the end Deployment like a pro for FREE!\n- ⭐ And much more!\n\n### Setup .env file\n\n```js\nMONGODB_URI=...\nPORT=5001\nJWT_SECRET=...\n\nCLOUDINARY_CLOUD_NAME=...\nCLOUDINARY_API_KEY=...\nCLOUDINARY_API_SECRET=...\n\nNODE_ENV=development\n```\n\n### Build the app\n\n```shell\nnpm run build\n```\n\n### Start the app\n\n```shell\nnpm start\n```\n\n\n## Features\n\n- **Real-Time Messaging**: Instant communication between users using Socket.IO.\n- **User Authentication**: Secure user registration and login with JWT-based authentication.\n- **Responsive Design**: Fully responsive UI designed with Tailwind CSS for an optimal experience across devices.\n- **User Status**: Display online/offline status of users.\n- **Chat Rooms**: Support for one-on-one and group chats.\n- **Message Notifications**: Get notified when a new message is received.\n- **Message History**: Persistent chat history stored in MongoDB.\n- **Scalable Architecture**: Built using a modular and scalable structure for ease of future enhancements.\n\n## Tech Stack\n\n### Frontend\n- **React.js**: Frontend framework for building user interfaces.\n- **Tailwind CSS**: Utility-first CSS framework for styling.\n\n### Backend\n- **Node.js**: Backend runtime environment.\n- **Express.js**: Web framework for Node.js.\n- **Socket.IO**: Real-time communication between client and server.\n\n### Database\n- **MongoDB**: NoSQL database for storing user and chat data.\n\n### Authentication\n- **JSON Web Tokens (JWT)**: Secure user authentication.\n\n## Future Enhancements\n- **Media Sharing**: Add support for sharing images, videos, and files.\n- **Message Reactions**: Enable emoji-based reactions to messages.\n- **Push Notifications**: Integrate browser notifications for new messages.\n- **Video and Voice Calls**: Enhance the platform with video and voice calling features.\n\n## 🧑‍💻 About Me  \n\nHello, I’m **Akash**, a passionate **Full-Stack Developer** dedicated to crafting impactful web applications.  \nThis portfolio is a reflection of my journey, skills, and creativity in the world of development.  \n \n- **LinkedIn**: [Connect with me](https://www.linkedin.com/in/luminarakash/)  \n\n--- \n\n## Authors\n- [@luminarakash](https://github.com/luminarakash) \u003cspan className=\"text-red-500\"\u003e\u0026hearts;\u003c/span\u003e : Akash Patel\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluminarakash%2Freal-time-chat-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluminarakash%2Freal-time-chat-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluminarakash%2Freal-time-chat-application/lists"}