{"id":22903537,"url":"https://github.com/sawyerbutton/chatroom_front","last_synced_at":"2025-04-01T07:24:07.783Z","repository":{"id":120748853,"uuid":"136418676","full_name":"sawyerbutton/chatroom_front","owner":"sawyerbutton","description":null,"archived":false,"fork":false,"pushed_at":"2018-06-07T03:48:54.000Z","size":291,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-07T04:41:13.082Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/sawyerbutton.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}},"created_at":"2018-06-07T03:46:21.000Z","updated_at":"2018-06-07T03:49:02.000Z","dependencies_parsed_at":"2023-07-07T23:05:13.677Z","dependency_job_id":null,"html_url":"https://github.com/sawyerbutton/chatroom_front","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sawyerbutton%2Fchatroom_front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sawyerbutton%2Fchatroom_front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sawyerbutton%2Fchatroom_front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sawyerbutton%2Fchatroom_front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sawyerbutton","download_url":"https://codeload.github.com/sawyerbutton/chatroom_front/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246599082,"owners_count":20803136,"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":[],"created_at":"2024-12-14T02:37:45.046Z","updated_at":"2025-04-01T07:24:07.775Z","avatar_url":"https://github.com/sawyerbutton.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/luixaviles/socket-io-typescript-chat\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/stars/luixaviles/socket-io-typescript-chat.svg?style=social\u0026label=Star\" alt=\"GitHub stars\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fluixaviles%2Fsocket-io-typescript-chat\u0026via=luixaviles\u0026text=Take%20a%20look%20this%20%23TypeScript%20chat%20project%20using%20%23Node%20and%20%23Angular%20Material\"\u003e\n        \u003cimg src=\"https://img.shields.io/twitter/url/https/github.com/luixaviles/socket-io-typescript-chat.svg?style=social\" alt=\"Tweet\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nA Socket.io Chat Example Using TypeScript\n=========================================\n\nThis repository contains server \u0026 client side code using `TypeScript` language\n\n## Blog Post\nRead the blog post with details about this project: [Real Time Apps with TypeScript: Integrating Web Sockets, Node \u0026 Angular](https://medium.com/dailyjs/real-time-apps-with-typescript-integrating-web-sockets-node-angular-e2b57cbd1ec1) \n\n## Live Demo\nTry live demo: [https://typescript-chat.firebaseapp.com](https://typescript-chat.firebaseapp.com)\n\n# Support this project\n- Star GitHub repository :star:\n- Create pull requests, submit bugs or suggest new features\n- Follow updates on [Twitter](https://twitter.com/luixaviles) or [Github](https://github.com/luixaviles)\n\n![](https://luixaviles.com/assets/images/posts/typescript-chat/typescript-chat.gif?raw=true)\n\n# Running Server and Client locally\n## Prerequisites\n\nFirst, ensure you have the following installed:\n\n1. NodeJS - Download and Install latest version of Node: [NodeJS](https://nodejs.org)\n2. Git - Download and Install [Git](https://git-scm.com)\n3. Angular CLI - Install Command Line Interface for Angular [https://cli.angular.io/](https://cli.angular.io/)\n\nAfter that, use `Git bash` to run all commands if you are on Windows platform.\n\n## Clone repository\n\nIn order to start the project use:\n\n```bash\n$ git clone https://github.com/luixaviles/socket-io-typescript-chat.git\n$ cd socket-io-typescript-chat\n```\n\n## Run Server\n\nTo run server locally, just install dependencies and run `gulp` task to create a build:\n\n```bash\n$ cd server\n$ npm install -g gulp-cli\n$ npm install\n$ gulp build\n$ npm start\n```\n\nThe `socket.io` server will be running on port `8080`\n\n## Run Angular Client\n\nOpen other command line window and run following commands:\n\n```bash\n$ cd client\n$ npm install\n$ ng serve\n```\n\nNow open your browser in following URL: [http://localhost:4200](http://localhost:4200/)\n\n# Forks\nThe Open Source community is awesome! If you're working in a fork with other tech stack, please add the reference of your project here:\n\n| Features                                  | Author                        | Status    |\n|-------------------------------------------|-------------------------------|-----------|\n| [React + TypeScript + Material-UI client](https://github.com/nilshartmann/socket-io-typescript-chat/tree/react-client/client-react)   | [nilshartmann](https://github.com/nilshartmann)   | In Progress   |\n\n\n# Contribution\nContributions are greatly appreciated. You can contribute by adding `i18n` support with your language, the testing section or any other feature.\n\n# Contributors\n[\u003cimg alt=\"luixaviles\" src=\"https://avatars0.githubusercontent.com/u/3485075?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/luixaviles) | [\u003cimg alt=\"hughanderson4\" src=\"https://avatars2.githubusercontent.com/u/2387520?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/hughanderson4) | [\u003cimg alt=\"ultrarunner\" src=\"https://avatars2.githubusercontent.com/u/1048799?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/ultrarunner) | [\u003cimg alt=\"theIDinside\" src=\"https://avatars2.githubusercontent.com/u/25328813?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/theIDinside) | [\u003cimg alt=\"carmius\" src=\"https://avatars2.githubusercontent.com/u/16904101?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/carmius) | [\u003cimg alt=\"Hellmy\" src=\"https://avatars2.githubusercontent.com/u/2045678?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/Hellmy) | \n:---: |:---: |:---: |:---: |:---: |:---: |\n[luixaviles](https://github.com/luixaviles) |[hughanderson4](https://github.com/hughanderson4) |[ultrarunner](https://github.com/ultrarunner) |[theIDinside](https://github.com/theIDinside) |[carmius](https://github.com/carmius) |[Hellmy](https://github.com/Hellmy) |\n\n[\u003cimg alt=\"you\" src=\"http://fuuse.net/wp-content/uploads/2016/02/avatar-placeholder.png\" width=\"117\"\u003e](https://github.com/luixaviles) |\n:---: |\n[You](https://github.com/luixaviles) |\n\n## License\n\nMIT\n# chatroom_front\n# chatroom_front\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsawyerbutton%2Fchatroom_front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsawyerbutton%2Fchatroom_front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsawyerbutton%2Fchatroom_front/lists"}