{"id":17568734,"url":"https://github.com/vidmal001/full-stack-chat-application","last_synced_at":"2026-01-27T11:32:28.096Z","repository":{"id":258836606,"uuid":"872334429","full_name":"vidmal001/Full-Stack-Chat-Application","owner":"vidmal001","description":"Built with the MERN stack and Socket.io, featuring user authentication, online status indicators, user search, and iOS-style notification sounds","archived":false,"fork":false,"pushed_at":"2024-10-20T18:53:28.000Z","size":10009,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T23:22:34.531Z","etag":null,"topics":["daisyui","express","jwt","mongodb","nodejs","react","react-router","socket-io","tailwindcss","zustand"],"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/vidmal001.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":"2024-10-14T09:01:14.000Z","updated_at":"2024-10-23T11:39:01.000Z","dependencies_parsed_at":"2024-10-22T00:56:48.173Z","dependency_job_id":null,"html_url":"https://github.com/vidmal001/Full-Stack-Chat-Application","commit_stats":null,"previous_names":["vidmal001/full-stack-chat-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vidmal001%2FFull-Stack-Chat-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vidmal001%2FFull-Stack-Chat-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vidmal001%2FFull-Stack-Chat-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vidmal001%2FFull-Stack-Chat-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vidmal001","download_url":"https://codeload.github.com/vidmal001/Full-Stack-Chat-Application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248514221,"owners_count":21116899,"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":["daisyui","express","jwt","mongodb","nodejs","react","react-router","socket-io","tailwindcss","zustand"],"created_at":"2024-10-21T17:05:38.868Z","updated_at":"2026-01-27T11:32:28.059Z","avatar_url":"https://github.com/vidmal001.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./frontend/public/login.png\" alt=\"Project Screenshot\" width=\"45%\" style=\"margin-right: 10px;\"/\u003e\n  \u003cimg src=\"./frontend/public/signup.png\" alt=\"Project Screenshot2\" width=\"45%\"/\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./frontend/public/home.png\" alt=\"Project Screenshot\" width=\"45%\" style=\"margin-right: 10px;\"/\u003e\n  \u003cimg src=\"./frontend/public/chat.png\" alt=\"Project Screenshot\" width=\"45%\" style=\"margin-right: 10px;\"/\u003e\n\u003c/p\u003e\n\n\n# [Real-time Chat Application](#real-time-chat-application)\n\n## 📋 [Table of Contents](#table-of-contents)\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n\n## 🤖 [Introduction](#introduction)\n\nThis real-time chat application is built with the MERN stack and uses Socket.io for real-time communication. It supports user authentication, online status indicators, search functionality, and plays iOS-style notification sounds for incoming messages. The application provides a seamless experience for users to chat in real time with online indicators and smooth UI interactions.\n\n## ⚙️ [Tech Stack](#tech-stack)\n\n- **Frontend**: React.js with TailwindCSS\n- **Backend**: Node.js with Express\n- **Database**: MongoDB\n- **Real-time Communication**: Socket.io\n- **State Management**: Zustand\n\n## 🔋 [Features](#features)\n\n👉 **User Authentication**: Secure login and signup using JWT for authentication.\n\n👉 **Real-time Messaging**: Users can send and receive messages in real-time using Socket.io.\n\n👉 **Online Status**: Users can see if others are online with an indicator showing online status.\n\n👉 **User Search**: Search for other users in the app to start chatting.\n\n👉 **Notification Sounds**: iOS-style notification sound plays when a new message is received.\n\n👉 **Responsive UI**: Built with TailwindCSS, the app works seamlessly across all screen sizes.\n\n👉 **Error Handling**: Comprehensive error handling on both server and client sides.\n\n## 🤸 [Quick Start](#quick-start)\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/vidmal001/Full-Stack-Chat-Application.git\n   ```\n\n2. **Navigate to the frontend folder**:\n\n   ```bash\n   cd frontend\n   ```\n\n3. **Install the frontend dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n4. **Go back to the root directory**:\n\n   ```bash\n   cd ..\n   ```\n\n5. **Install the backend dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n6. **Set up environment variables**:\n\n   **Server Side (.env)**:\n\n   - Create a file named `.env` in the `server` folder.\n   - Add the following:\n     ```env\n     PORT= 5000\n     MONGO_DB_URI= your_mongo_uri\n     JWT_SECRET= your_secret_key\n     NODE_ENV= development\n     ```\n\n7. **Run the client**:\n\n   ```bash\n   cd frontend \u0026\u0026 npm run dev\n   ```\n\n8. **Run the backend**:\n   ```bash\n   npm run dev\n   ```\n\nNow, the application should be running, and you can access it at [http://localhost:3000](http://localhost:3000).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvidmal001%2Ffull-stack-chat-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvidmal001%2Ffull-stack-chat-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvidmal001%2Ffull-stack-chat-application/lists"}