{"id":24084612,"url":"https://github.com/mukulsomukesh/chat-application","last_synced_at":"2025-04-30T20:47:12.568Z","repository":{"id":180095416,"uuid":"657807247","full_name":"mukulsomukesh/chat-application","owner":"mukulsomukesh","description":"This is a full-stack Chat Application built using React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. It offers a user-friendly interface for real-time conversations, including features like sign up, sign in, logout, profile image customization, user search, one-to-one chat, group creation, group chat, group administration, and message","archived":false,"fork":false,"pushed_at":"2025-01-02T20:37:10.000Z","size":331,"stargazers_count":16,"open_issues_count":0,"forks_count":11,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T19:51:08.431Z","etag":null,"topics":["chat-application","express-js","mongodb-atlas","node-js","reactjs","redux","socket-io","tailwind-css"],"latest_commit_sha":null,"homepage":"https://chat-app-ca.netlify.app/","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/mukulsomukesh.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":"2023-06-23T22:48:23.000Z","updated_at":"2025-03-21T15:39:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"4232ffa7-707f-426f-98f3-5c112c354c07","html_url":"https://github.com/mukulsomukesh/chat-application","commit_stats":null,"previous_names":["mukulsomukesh/chat-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukulsomukesh%2Fchat-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukulsomukesh%2Fchat-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukulsomukesh%2Fchat-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukulsomukesh%2Fchat-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mukulsomukesh","download_url":"https://codeload.github.com/mukulsomukesh/chat-application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251780428,"owners_count":21642772,"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-js","mongodb-atlas","node-js","reactjs","redux","socket-io","tailwind-css"],"created_at":"2025-01-10T00:39:12.230Z","updated_at":"2025-04-30T20:47:12.541Z","avatar_url":"https://github.com/mukulsomukesh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat Application\n\n\u003ca href=\"https://chat-app-ca.netlify.app/\" target=\"blank\"\u003e\n        \u003cimg src=\"https://img.shields.io/static/v1?style=for-the-badge\u0026message=Want to see live preview »\u0026color=1BB91F\u0026logo=Bluefly\u0026logoColor=FFFFFF\u0026label=\" alt=\"Bluefly-Clone\" /\u003e\n        \u003c/a\u003e\n\n  Welcome to the Chat Application! This is a full-stack project built using React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. The application provides an intuitive and user-friendly interface for users to engage in real-time conversations with others. It incorporates a range of features such as sign up, sign in, logout, profile image customization, user search, one-to-one chat, group creation, group chat, group administration, and message notifications.\n\n## Features\n- **User Authentication**: Users can sign up for an account, log in, and log out securely.\n- **Profile Customization**: Users can personalize their profiles by changing their profile images.\n- **User Search**: Users can search for other users to connect with.\n- **One-to-One Chat**: Users can engage in real-time private conversations with each other.\n- **Group Creation**: Users can create groups for collaborative discussions.\n- **Group Chat**: Users can participate in group conversations, allowing multiple members to interact simultaneously.\n- **Group Administration**: Administrators have the authority to rename groups and manage group membership by adding or removing users.\n- **Message Notifications**: Users receive real-time notifications for new messages.\n\n## Technologies Used\n- **Front-end**: React.js, Redux, Tailwind CSS\n- **Back-end**: Node.js, Express.js\n- **Database**: MongoDB\n\n## Screenshots\n**Sign up**\n![Sign up](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146231/lxipjhn3pdvkf5h6it98.png)\n\n**Sign in**\n![Sign In](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146246/pntbaaigxkup1puqgjwa.png)\n\n**Home**\n![home](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146043/p7obaxsyrz5l074jkyj7.png)\n\n**Users Chat**\n![home](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689145934/ipqp3jb0qyb32nip6osj.png)\n\n**User Profile**\n![user_profile](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146213/wvyx7ndxisaxpkgopxnh.png)\n\n**Search User**\n![search_user](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146068/utilpiyhlxikhju36c7d.png)\n\n**Notfication**\n![notification](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146057/b85aapingyke67r41vvb.png)\n\n**Create Group**\n![create_group](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689145950/afzfrs7dxuxij2z24vgy.png)\n\n**Group Information**\n![group_information](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689145976/bd8wyctt2tw4ukgwuoht.png)\n\n**Group Admin Options**\n![group_admin_option](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146029/rbkuo9dgrym9y3ayymz4.png)\n\n**Change Group Name Only For Admin**\n![rename](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146017/da8y031jf7twpxlp2ipy.png)\n\n**Remove User From Group Only For Admin**\n![remove_user](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689146005/ymitbkdkz2mlfvrb9gvl.png)\n\n**Add Users To Group Only For Admin**\n![Add_user](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1690197588/lehnw0hfqfnxu8ktajys.png)\n\n\n\n\u003ch1\u003e  Backend Installation \u003c/h1\u003e\n\u003cul\u003e \n\u003cli\u003e clone repo  \u003c/li\u003e\n\u003cli\u003e cd backend \u003c/li\u003e\n\u003cli\u003e npm install \u003c/li\u003e\n\u003cli\u003e node index.js \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch1\u003e  Frontend Installation \u003c/h1\u003e\n\u003cul\u003e \n\u003cli\u003e clone repo  \u003c/li\u003e\n\u003cli\u003e cd frontend \u003c/li\u003e\n\u003cli\u003e npm install \u003c/li\u003e\n\u003cli\u003e npm start \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch1\u003e Team Members \u003c/h1\u003e\n\u003cul\u003e \n\u003cli\u003e Mukul Jatav \u003c/li\u003e\n\u003c/ul\u003e\n\n\n\u003ch2\u003e\u003ci\u003eLet's Connect\u003c/i\u003e\u003c/h2\u003e\n\u003cp align=\"left\"\u003e\n    \u003ca href=\"https://www.linkedin.com/in/mukul-jatav/\"\u003e\n        \u003cimg align=\"center\" src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"https://www.linkedin.com/in/mukul-jatav/\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1\u003e Show Your Support \u003c/h1\u003e\n\u003ch4\u003e Give a ⭐️ if you like this project! \u003c/h4\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukulsomukesh%2Fchat-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmukulsomukesh%2Fchat-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukulsomukesh%2Fchat-application/lists"}