{"id":16967798,"url":"https://github.com/foyzulkarim/terminal-in-browser","last_synced_at":"2025-10-26T20:06:38.041Z","repository":{"id":53836892,"uuid":"372580656","full_name":"foyzulkarim/terminal-in-browser","owner":"foyzulkarim","description":"This is an adventurous project where I aimed to input terminal commands in browser and execute them in server, and through websocket protocol show the actual terminal updates into the browser in real time. ","archived":false,"fork":false,"pushed_at":"2022-08-10T04:23:25.000Z","size":1367,"stargazers_count":41,"open_issues_count":0,"forks_count":10,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-18T12:01:38.286Z","etag":null,"topics":["child-process","eventemitter","events","exec","express","expressjs","javascript","node","nodejs","react","reactjs","terminal","terminal-emulator","typescript","worker-threads"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/foyzulkarim.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}},"created_at":"2021-05-31T17:20:15.000Z","updated_at":"2025-02-24T21:38:04.000Z","dependencies_parsed_at":"2022-08-22T07:30:46.198Z","dependency_job_id":null,"html_url":"https://github.com/foyzulkarim/terminal-in-browser","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/foyzulkarim%2Fterminal-in-browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foyzulkarim%2Fterminal-in-browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foyzulkarim%2Fterminal-in-browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foyzulkarim%2Fterminal-in-browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/foyzulkarim","download_url":"https://codeload.github.com/foyzulkarim/terminal-in-browser/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244971888,"owners_count":20540878,"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":["child-process","eventemitter","events","exec","express","expressjs","javascript","node","nodejs","react","reactjs","terminal","terminal-emulator","typescript","worker-threads"],"created_at":"2024-10-14T00:09:48.161Z","updated_at":"2025-10-26T20:06:37.975Z","avatar_url":"https://github.com/foyzulkarim.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Terminal in browser\nWelcome to the repo. 🙂\nThis is an adventurous project where I aimed to take inputs as terminal commands in browser and execute those commands in server, and through websocket protocol show the actual terminal updates into the browser in real time.\nI have tested to executing multiple long-running commands from different browser in parallel, and verified each browser only receiving own command progress results. \n\n## Architecture diagram\n\n![alt text](https://raw.githubusercontent.com/foyzulkarim/terminal-in-browser/main/terminal-in-browser.png)\n\n## YouTube demo\n\n[![Watch demo](https://user-images.githubusercontent.com/497812/122639706-e7f10d00-d12d-11eb-8b9f-e78456d3d58b.png)](https://www.youtube.com/embed/04YGW2zrjiY)\n\n## Example output\n  Execute terminal commands to your server from browser\n\n```shell\n\u003e ping www.google.com\n\nPinging www.google.com [2404:6800:4001:808::2004] with 32 bytes of data:\nReply from 2404:6800:4001:808::2004: time=3ms \n\nReply from 2404:6800:4001:808::2004: time=3ms \nReply from 2404:6800:4001:808::2004: time=4ms \nReply from 2404:6800:4001:808::2004: time=3ms \n\nPing statistics for 2404:6800:4001:808::2004:\n    Packets: Sent = 4, Received = 4, Lost = 0 (0% loss),\nApproximate round trip times in milli-seconds:\n    Minimum = 3ms, Maximum = 4ms, Average = 3ms\nDone\n```\n\n## Technology\n\n- [x] TypeScript\n- [x] Express.js\n- [x] React.js\n- [x] Special Node modules (`child_process`, `events` etc.)\n- [x] Socket.io \n- [x] `terminal-in-react` npm library\n\n## Installation and run the projects\n \n - Install server side packages and start server\n\n```bash\n$ npm install\n$ npm start\n```\n\n - Install client side packages and start client\n\n```bash\n$ cd client\n$ yarn\n$ yarn start\n```\n\n  View the website at: http://localhost:3000\n\n  \n## License\n\n  [MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoyzulkarim%2Fterminal-in-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffoyzulkarim%2Fterminal-in-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoyzulkarim%2Fterminal-in-browser/lists"}