{"id":15095798,"url":"https://github.com/mishi54/realtimechatapp","last_synced_at":"2026-01-07T11:04:45.546Z","repository":{"id":253016929,"uuid":"841146983","full_name":"mishi54/realtimeChatapp","owner":"mishi54","description":"\"A real-time chat application built with a React frontend, Node.js/Express backend, and MongoDB, featuring real-time communication, state management, and modern UI components.\"","archived":false,"fork":false,"pushed_at":"2024-08-29T21:12:51.000Z","size":4826,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T16:19:24.887Z","etag":null,"topics":["daisyui","express","middleware","mongodb","nodejs","react","real-time-chat","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/mishi54.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-08-11T19:21:05.000Z","updated_at":"2024-09-05T21:12:05.000Z","dependencies_parsed_at":"2024-09-19T21:01:48.125Z","dependency_job_id":"ec851bd3-50e2-4fac-b54c-aa97c615eace","html_url":"https://github.com/mishi54/realtimeChatapp","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"e20f00c73db902859b0a6b41be457ac4f4504790"},"previous_names":["mishi54/realtimechatapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mishi54%2FrealtimeChatapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mishi54%2FrealtimeChatapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mishi54%2FrealtimeChatapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mishi54%2FrealtimeChatapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mishi54","download_url":"https://codeload.github.com/mishi54/realtimeChatapp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245878929,"owners_count":20687297,"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","middleware","mongodb","nodejs","react","real-time-chat","socket-io","tailwindcss","zustand"],"created_at":"2024-09-25T15:42:07.993Z","updated_at":"2026-01-07T11:04:45.534Z","avatar_url":"https://github.com/mishi54.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"**Create two folders:**\n1.\tFrontend\n2.\tBackend\n**Frontend commands:**\n1.\tnpm create vite@latest ./\n2.\tnpm i\n3.\tnpm run dev\n4.\tgo to tailwind css vite and paste in terminal the commands\n5.\tinstall some extensions like :tailwindcss intelliSense,prettier,vscode file icons\n6.\tDel some files like app.css, from public=\u003edel svg file,from assets=\u003edel svg file\n7.\tDownload daisy ui plugin of tailwing for better ui and less code:   https://daisyui.com/\n8.\tnpm i -D daisyui@latest\n9.\tadd plugin to tailwing config.js: \n10.\trequire('daisyui')\n11.\tnpm i react-router-dom\n12.\tadd folder component ,pages\n13.\tin pages 3 file created with rafce\n14.\trfce for auto functional component creation due to es7 script\n15.\tnpm i react-icons for installing icons\n16.\thttps://react-hot-toast.com/docs    (For adding toaster)\n17.\tUse Zustand which works to help in state management works like redux\n18.\thttps://docs.pmnd.rs/zustand/getting-started/introduction\n19.\tnpm i socket.io-client\n**Backend Commands:**\n1.\tnpm init –y\n2.\tnpm i express\n3.\tnpm i nodemon\n4.\tnpm run dev \n5.\tbefore run dev make sure json scripts is all correct and u add node server.js and nodemon script \n6.\tcopy front end gitignore in backend too\n7.\tadd .env in gitignore  backend\n8.\tnpm i bcrypt cookie-parser dotenv jsonwebtoken mongoose socket.io\nWebsite for adding avatar profile:\nhttps://avatar-placeholder.iran.liara.run/\n**Screenshot of Apps:**\n**SignUp:**\n![image](https://github.com/user-attachments/assets/32d4ceca-11b8-43b8-8617-88bfaf0bbe77)\n\n**Login:**\n![image](https://github.com/user-attachments/assets/1734f66e-0da9-4eec-83e1-fde24ee0101c)\n**Dashboard**\n![image](https://github.com/user-attachments/assets/91042eb6-6f29-4ed6-b4bb-eca615992afd)\n**Online Activity And Starting Conversation Preview:**\n![image](https://github.com/user-attachments/assets/d712d082-fc4e-4e15-a302-499922ebc7fb)\n**Conversation**\n![image](https://github.com/user-attachments/assets/a4f27d59-2416-4864-8e30-1318c60ec6fa)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmishi54%2Frealtimechatapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmishi54%2Frealtimechatapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmishi54%2Frealtimechatapp/lists"}