{"id":28298051,"url":"https://github.com/muhammadali7896/chatting-web-application","last_synced_at":"2026-04-07T16:32:08.869Z","repository":{"id":223951520,"uuid":"761465605","full_name":"MuhammadAli7896/Chatting-Web-Application","owner":"MuhammadAli7896","description":"This is MERN stack-based chatting app, enhanced with Socket.IO, enables real-time communication and media sharing, offering a seamless user experience for staying connected effortlessly.","archived":false,"fork":false,"pushed_at":"2024-04-07T20:24:30.000Z","size":603,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-17T19:45:26.013Z","etag":null,"topics":["chakra-ui","cloudinary","express","mongodb","mongoose","node","reactjs","render","socket-io","vite"],"latest_commit_sha":null,"homepage":"https://chat-nest-zcoa.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/MuhammadAli7896.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-02-21T22:06:22.000Z","updated_at":"2024-04-17T16:24:03.000Z","dependencies_parsed_at":"2024-02-24T20:46:30.564Z","dependency_job_id":"38039225-9802-4336-99c0-9558fb5bbd54","html_url":"https://github.com/MuhammadAli7896/Chatting-Web-Application","commit_stats":null,"previous_names":["muhammadali7896/chat-app","muhammadali7896/chatting-web-application"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MuhammadAli7896/Chatting-Web-Application","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAli7896%2FChatting-Web-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAli7896%2FChatting-Web-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAli7896%2FChatting-Web-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAli7896%2FChatting-Web-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhammadAli7896","download_url":"https://codeload.github.com/MuhammadAli7896/Chatting-Web-Application/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAli7896%2FChatting-Web-Application/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31520488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["chakra-ui","cloudinary","express","mongodb","mongoose","node","reactjs","render","socket-io","vite"],"created_at":"2025-05-23T05:15:22.486Z","updated_at":"2026-04-07T16:32:08.854Z","avatar_url":"https://github.com/MuhammadAli7896.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat Nest - Chatting Web Application\n\nWelcome to Chat Nest - your go-to platform for seamless real-time communication and media sharing!\n\n## About\n\n\u003ca href=\"https://chat-nest-zcoa.onrender.com/\" target=\"_blank\"\u003eChat Nest\u003c/a\u003e\n is a modern chatting application built using the MERN stack (MongoDB, Express.js, React, Node.js) along with Socket.IO for real-time capabilities. It offers end-to-end encryption, robust authentication via Google and Facebook, and effortless media sharing through Cloudinary.\n\n## Tech Stack\n\n- **Frontend**: **React** for UI development.\n- **Backend**: **Node.js** with **Express.js** for scalable server-side scripting.\n- **UI Enhancement**: **Chakra UI** for improved aesthetics and responsiveness.\n- **Database**: **MongoDB** with Mongoose.js for flexible and scalable data management.\n- **Real-time Communication**: **Socket.io** for seamless chatting and data transfer.\n- **Image Sharing**: **Cloudinary** for storage, optimization, and media sharing.\n- **Hosting**: **Render** for simplified deployment and scaling of the web application.\n\n## Features\n\n- **Real-Time Communication**: Engage in lively conversations with friends and colleagues in real-time, thanks to Socket.IO's efficient event-driven architecture.\n\n- **Create Groups**: Users can create groups to bring together friends, family, or colleagues, facilitating organized and efficient communication within specific contexts.\n  \n- **Effortless Media Sharing**: Share images seamlessly with Cloudinary's advanced image management system, enhancing your conversations with visual content.\n\n- **Enhanced UI with Chakra UI**: Utilizing Chakra UI, Chat Nest offers a sleek and modern user interface, elevating the visual appeal and usability of the application.\n\n- **Secure \u0026 Private**: Your privacy is our priority. With end-to-end encryption and authentication mechanisms from Google and Facebook, Chat Nest ensures secure interactions.\n  \n- **Lightning-Fast Frontend**: Powered by Vite.js, Chat Nest offers a lightning-fast and intuitive user interface, ensuring a smooth chatting experience.\n  \n- **Reliable Scalability**: Hosted on Render, Chat Nest guarantees reliability and scalability, providing uninterrupted connectivity regardless of the scale of interaction.\n\n- **Forgot Password**: If a user forgets their password, they can easily reset it using the \"Forgot Password\" functionality, ensuring continued access to their account.\n\n## How to use?\n\nSimply, go to https://chat-nest-zcoa.onrender.com/ and sign up or you can login with your facebook and google accounts. Search for any user or your friend in search tab at top left corner, there you can find your friends and users. So you can create a chat by simply clicking on them.\nThen you are ready to go. Enjoy chatting with your friends and family.\n\n## Get Started\n\n### Prerequisites\n\n- Node.js and npm installed on your machine. To install node.js visit **https://nodejs.org/en/download**\n- MongoDB database instance. To create mongodb instance visit **https://mongodb.com/atlas**\n\n### Setting up Project \nTo get Chat Nest up and running on your local machine, follow these simple steps:\n\n### 1. Clone the Repository\n\nClone the Chat Nest repository to your local machine using the following command:\n\n  ```git\n  git clone https://github.com/MuhammadAli7896/Chatting-Web-Application.git\n```\nMake sure you have [git](https://git-scm.com/downloads) installed on your device.\n\n### 2. Install Dependencies\n\nNavigate to the root directory of the project and install the necessary dependencies by running:\n\n```bash\nnpm install \n```\n### 3. Install Frontend Dependencies\n\nNavigate to the `frontend` directory of the project:\n\n```bash\ncd frontend\n```\n\nThen, install the frontend dependencies by running:\n\n```bash\nnpm install --force\n```\n\nAnd, then navigate back to root directory:\n\n```bash\ncd..\n```\n\n### 4. Configure environment variables \n\nCreate a `.env` file in the root directory and add the following environment variables:\n```env\nMONGO_URI = \nJWT_SECRET = \nEMAIL_USER = \nEMAIL_PASSWORD =  \nEMAIL_HOST = \nEMAIL_ADDRESS = \nEMAIL_PORT = 587\nMAX_LIMIT = \nMIN_LIMIT = \nclientID = \nclientSecret = \nIV = \nKEY = \nNODE_ENV = production\n```\n\n### 5. Start the Application\n\nStart the Chat Nest application by running:\n\n```bash\nnpm start\n```\n\nThis will start backend server at **http://localhost:5000**.\n\nNow, go to frontend directory:\n\n```bash\ncd frontend\n```\n\nNow start the development server of frontend:\n\n```bash\nnpm run dev\n```\n\nThis will start your development server and you can view it at **http://localhost:5173** .\n\nSince I have used vite.js for this application frontend, so I run this command. If you are are using npx create-react-app command to create app, you have to run:\n\n```bash\nnpm start\n```\n\nThis will start your development server and you can view it at **http://localhost:3000**.\n\n#### That's it you are now ready to use and develop this chatting application.\n\n## Deployment\n\nThe application can be deployed to the [Render](https://render.com) hosting platform following these steps:\n\n1. Create an account on [Render](https://dashboard.render.com/register) and set up your project.\n2. Connect your GitHub repository to your Render project.\n3. Configure environment variables in Render similar to the local setup.\n4. Render will automatically build and deploy your application whenever changes are pushed to the connected GitHub repository.\n5. For detailed deployment instructions, refer to the Render documentation.\n   \n## Contact\n\n#### LinkedIn: https://www.linkedin.com/in/muhammad-ali-a772a025b/\n#### Portfolio: https://muhammad-aliportfolio.netlify.app/\n\u003cbr /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadali7896%2Fchatting-web-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammadali7896%2Fchatting-web-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadali7896%2Fchatting-web-application/lists"}