{"id":29970795,"url":"https://github.com/mudrabhedi/my-chat-app","last_synced_at":"2026-04-13T14:31:17.113Z","repository":{"id":306309491,"uuid":"1025750206","full_name":"mudrabhedi/my-chat-app","owner":"mudrabhedi","description":"This Full-Stack Chat App enables real-time messaging with user authentication, powered by React frontend and Node.js backend using Socket.IO for live communication. It features secure JWT-based login, online user display, and a responsive UI built with Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-07-24T19:55:40.000Z","size":821,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-04T07:14:38.700Z","etag":null,"topics":["expressjs","jwt-token","nodejs","postcss","react","socket-io","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mudrabhedi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2025-07-24T18:32:20.000Z","updated_at":"2025-07-24T19:55:43.000Z","dependencies_parsed_at":"2025-07-25T00:04:05.235Z","dependency_job_id":"48852122-0e5c-4b01-b56d-09e68133b22b","html_url":"https://github.com/mudrabhedi/my-chat-app","commit_stats":null,"previous_names":["mudrabhedi/my-chat-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mudrabhedi/my-chat-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudrabhedi%2Fmy-chat-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudrabhedi%2Fmy-chat-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudrabhedi%2Fmy-chat-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudrabhedi%2Fmy-chat-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mudrabhedi","download_url":"https://codeload.github.com/mudrabhedi/my-chat-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudrabhedi%2Fmy-chat-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31757477,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T13:27:56.013Z","status":"ssl_error","status_checked_at":"2026-04-13T13:21:23.512Z","response_time":93,"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":["expressjs","jwt-token","nodejs","postcss","react","socket-io","tailwindcss","vite"],"created_at":"2025-08-04T06:00:59.621Z","updated_at":"2026-04-13T14:31:17.094Z","avatar_url":"https://github.com/mudrabhedi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full-Stack Chat App 💬\n\nA real-time chat application built with React, Node.js, Express, Socket.IO, and MongoDB. This app enables users to register, log in, and chat instantly with others online using WebSockets.\n\n---\n\n## Table of Contents 📑\n\n- [Project Overview](#project-overview)  \n- [Features](#features)  \n- [Technology Stack](#technology-stack)  \n- [Installation](#installation)  \n- [Usage](#usage)  \n- [Folder Structure](#folder-structure)  \n- [Environment Variables](#environment-variables)  \n- [Contributing](#contributing)  \n- [License](#license)  \n\n---\n\n## Project Overview 📝\n\nThis Full-Stack Chat App consists of a backend built with Node.js and Express that manages user authentication, message routing, and real-time communication using Socket.IO. The frontend is a React application built with Vite and styled with Tailwind CSS. Users can create accounts, log in, and engage in real-time chat sessions.\n\n---\n\n## Features ✨\n\n- User registration and authentication 🔐  \n- Real-time one-on-one and/or group chat powered by Socket.IO ⚡  \n- Display of online users 👥  \n- Responsive UI with Tailwind CSS 📱  \n- Secure password hashing and JWT-based authentication 🔒  \n- Real-time updates without page refresh 🔄  \n\n---\n\n## Technology Stack 🛠️\n\n- **Frontend:** React.js, Vite, Tailwind CSS  \n- **Backend:** Node.js, Express.js, Socket.IO  \n- **Database:** MongoDB  \n- **Authentication:** JWT (JSON Web Tokens)  \n- **Styling:** Tailwind CSS  \n- **Build Tools:** Vite  \n\n---\n\n## Installation 📦\n\n### Prerequisites\n\n- Node.js (v14 or newer)  \n- npm or yarn  \n- MongoDB instance running locally or via cloud (MongoDB Atlas)  \n\n### Steps\n\n1. Clone the repository  \n```\nbash\ngit clone https://github.com/yourusername/fullstack-chat-app.git\ncd fullstack-chat-app\n```\n\n2. Install backend dependencies\n```\nbash\ncd backend\nnpm install\n```\n\n3. Install frontend dependencies\n```\nbash\ncd ../frontend\nnpm install\n```\n4. Create .env files with appropriate environment variables as described below.\n\n5. Start the backend server\n```\nbash\ncd ../backend\nnpm start\n```\n6. Start the frontend development server\n```\nbash\ncd ../frontend\nnpm run dev\n```\n7. Open your browser at http://localhost:3000 to use the app.\n\n## Usage 🚀\n\n- Register a new account or log in with existing credentials  \n- View online users and chat in real-time  \n- Open multiple browser windows or devices to test messaging  \n- Log out when finished  \n\n\n## Folder Structure 📁\n\n```\n/CHAT-APP\n├── backend\n│ ├── src\n│ │ ├── controllers # Business logic for routes\n│ │ ├── middleware # Auth and error handling middleware\n│ │ ├── models # Mongoose models (User, Message, etc.)\n│ │ ├── routes # Express routes (auth, chat, etc.)\n│ │ └── server.js # Entry point for backend server\n│ ├── package.json # Backend dependencies and scripts\n│ └── package-lock.json\n│\n├── frontend\n│ ├── public # Static assets and index.html\n│ ├── src\n│ │ ├── components # React components (Chat, Login, etc.)\n│ │ ├── context # Context API providers if any\n│ │ ├── pages # React pages or views\n│ │ ├── App.jsx # Root React component\n│ │ └── main.jsx # ReactDOM entry point\n│ ├── package.json # Frontend dependencies and scripts\n│ ├── vite.config.js # Vite config file\n│ ├── tailwind.config.js # Tailwind CSS config\n│ ├── postcss.config.js # PostCSS config\n│ ├── eslint.config.js # ESLint configuration\n│ └── package-lock.json\n│\n├── .gitignore # Specifies intentionally untracked files to ignore\n├── LICENSE # License file \n└── README.md \n```\n## Environment Variables ⚙️\nCreate a .env file in the backend directory with the following variables:\n\n```\nMONGO_URI=your_mongodb_connection_string\nJWT_SECRET=your_jwt_secret_key\nPORT=5000\n```\nIf your frontend requires environment variables, create .env in the frontend directory accordingly.\n\n---\n## Contributing 🤝\n\nContributions are welcome! To contribute:\n\n1. Fork the repository  \n2. Create a new branch (`git checkout -b feature-name`)  \n3. Make your changes and commit (`git commit -m 'Add new feature'`)  \n4. Push to the branch (`git push origin feature-name`)  \n5. Open a pull request for review  \n\n---\n## License 📄\nThis project is licensed under the MIT License. See the LICENSE file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmudrabhedi%2Fmy-chat-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmudrabhedi%2Fmy-chat-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmudrabhedi%2Fmy-chat-app/lists"}