{"id":21246825,"url":"https://github.com/apfirebolt/mevn-chat-groups","last_synced_at":"2026-04-10T07:14:32.639Z","repository":{"id":114819879,"uuid":"464166059","full_name":"Apfirebolt/MEVN-chat-groups","owner":"Apfirebolt","description":"Multi user chat groups application using Vue, Express, MongoDB, Socket IO and Tailwind CSS","archived":false,"fork":false,"pushed_at":"2022-03-05T19:35:27.000Z","size":1023,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T00:48:22.207Z","etag":null,"topics":["chat-application","express","mongodb","socket-io","tailwindcss","vue","vuejs"],"latest_commit_sha":null,"homepage":"","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/Apfirebolt.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}},"created_at":"2022-02-27T14:53:11.000Z","updated_at":"2022-03-01T20:41:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"5f88b54a-ca0c-49be-98df-7c83ee3ccb99","html_url":"https://github.com/Apfirebolt/MEVN-chat-groups","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2FMEVN-chat-groups","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2FMEVN-chat-groups/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2FMEVN-chat-groups/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2FMEVN-chat-groups/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apfirebolt","download_url":"https://codeload.github.com/Apfirebolt/MEVN-chat-groups/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243685526,"owners_count":20330980,"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","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":["chat-application","express","mongodb","socket-io","tailwindcss","vue","vuejs"],"created_at":"2024-11-21T02:07:17.968Z","updated_at":"2026-04-10T07:14:32.601Z","avatar_url":"https://github.com/Apfirebolt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat Groups using Express, Vue, Socket IO, MongoDB, Tailwind CSS and Vuex\n\n![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge\u0026logo=express\u0026logoColor=%2361DAFB)\n![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=%234FC08D)\n![Socket.io](https://img.shields.io/badge/Socket.io-black?style=for-the-badge\u0026logo=socket.io\u0026badgeColor=010101)\n![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n\n## Project Briefing\n\nThis is a multi-user authentication based group chat application. Users can sign-in to the system and start chatting by creating groups, joining existing groups. The user would have authority to perform CRUD operations on the groups they created.\n\n## Built With\n\n* [Express](https://expressjs.com/)\n* [Socket IO](https://socket.io/)\n* [Vue](https://vuejs.org/)\n* [MongoDB](https://www.mongodb.com/)\n* [Vuex](https://vuex.vuejs.org/)\n* [Tailwind CSS](https://tailwindcss.com/)\n\n## Authors\n\n* **Amit Prafulla (APFirebolt)** - (http://amitprafull.com/)\n\n## Project setup\n\nSimply install node modules for both frontend and backend, the project is already configured to serve build content files in production which is generated by Vue which resides inside the build folder.\n\nConcurrently, package is used for development and allows us to launch both frontend and back-end in one go using single command. Proxy is used for API calls made to the Express server inside the Vue application using the config file.\n\n```\nnpm install\nnpm run dev\n```\n\nFor production, build the frontend of the app and then run the backend app only. \n\n```\nnpm run build\nnpm start\n```\n\n## Project Updates\n\n- Expect constant updates in terms of UI of the project which is still in development phase.\n- Enhancement like ability to invite users to a chat group can be added later.\n\n## Project Screenshots\n\nPlease find some of the screenshots of the application. Screenshots of only those pages are included as of now which are not \nvery likely to change in future. Below is the screenshot of the sign-up page which is likely to be changed slightly\n\n![alt text](./screenshots/register.png)\n\nThis page shows list of chat rooms with details like who created it and when was it created. Day js is used for date filtering.\n\n![alt text](./screenshots/chatroom.png)\n\nChat detail page.\n\n![alt text](./screenshots/detail.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fmevn-chat-groups","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapfirebolt%2Fmevn-chat-groups","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fmevn-chat-groups/lists"}