{"id":19973644,"url":"https://github.com/satyambnsal/marvellous","last_synced_at":"2026-04-03T23:34:41.623Z","repository":{"id":128365774,"uuid":"114969034","full_name":"satyambnsal/marvellous","owner":"satyambnsal","description":"Angular 2 app that covers core concept and functionality of angular and socket.io","archived":false,"fork":false,"pushed_at":"2018-01-26T10:11:22.000Z","size":526,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-01-12T09:31:32.795Z","etag":null,"topics":["angular2","css3","express","mongodb","node-js","rxjs","socket-io"],"latest_commit_sha":null,"homepage":null,"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/satyambnsal.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":"2017-12-21T06:05:48.000Z","updated_at":"2017-12-21T06:16:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ffc0832-e6f8-460a-9f59-3c890c176358","html_url":"https://github.com/satyambnsal/marvellous","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/satyambnsal%2Fmarvellous","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyambnsal%2Fmarvellous/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyambnsal%2Fmarvellous/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satyambnsal%2Fmarvellous/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/satyambnsal","download_url":"https://codeload.github.com/satyambnsal/marvellous/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241406376,"owners_count":19957988,"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":["angular2","css3","express","mongodb","node-js","rxjs","socket-io"],"created_at":"2024-11-13T03:12:10.413Z","updated_at":"2025-12-30T19:07:46.280Z","avatar_url":"https://github.com/satyambnsal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Marvellous\nAngular2 App that shows data of Marvel heroes and let you share your views on them. It also includes chat portal that lets you create rooms or join existing rooms and have chat with other marvel fans.\n\n### Motivation\nThis App is created with the purpose of learning Angular2 concepts and put them into something real.apart from angular2 concepts this app showcase socket.io functionalities and express, mongodb for backend implementation.you will also find good use of CSS to make UI interactive.\n### Screenshots\n\u003cimg src=\"/screenshots/marvellous_home.jpg\" alt=\"Marvellous home page\" width=\"100%\" height=\"400px\" /\u003e\u003cimg src=\"/screenshots/marvellous_chat_portal.jpg\" alt=\"Marvellous chat portal\" width=\"100%\" height=\"400px\" /\u003e\u003cimg src=\"/screenshots/marvellous_chat_room.jpg\" alt=\"Marvellous chat room\" width=\"100%\" height=\"400px\" /\u003e\n\n\n\n### Features\n- [x] Show list of all heroes\n- [x] Show details of a single hero\n- [x] Comment on hero profile\n- [x] Create room at chat portal\n- [x] Join existing room\n- [x] Send and Receive messages in chat room\n### How to Use?\nFirst clone this repository:\n```\ngit clone https://github.com/satyam22/marvellous.git\n```\nMove into repository:\n```\ncd marvellous\n```\nInstall module dependencies\n```\nnpm install\n```\nStart Angular app\n```\nnpm start\n```\n**You will also need a mongodb server in running state to make this application work. without this, server will throw an exception.there are tons of tutorial out there to help you run mondodb server.if you still face issue let me know by raising an issue on this repo.**\n### Built with\n* angular2\n* ES6\n* socket.io\n\n### To-do\n1. Add emoji picker in chatbox \n### Licence\nMIT © [Satyam Bansal](https://satyam22.github.io)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyambnsal%2Fmarvellous","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsatyambnsal%2Fmarvellous","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyambnsal%2Fmarvellous/lists"}