https://github.com/satyambnsal/marvellous
Angular 2 app that covers core concept and functionality of angular and socket.io
https://github.com/satyambnsal/marvellous
angular2 css3 express mongodb node-js rxjs socket-io
Last synced: 3 months ago
JSON representation
Angular 2 app that covers core concept and functionality of angular and socket.io
- Host: GitHub
- URL: https://github.com/satyambnsal/marvellous
- Owner: satyambnsal
- License: mit
- Created: 2017-12-21T06:05:48.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-26T10:11:22.000Z (over 8 years ago)
- Last Synced: 2025-01-12T09:31:32.795Z (over 1 year ago)
- Topics: angular2, css3, express, mongodb, node-js, rxjs, socket-io
- Language: JavaScript
- Size: 514 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Marvellous
Angular2 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.
### Motivation
This 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.
### Screenshots
### Features
- [x] Show list of all heroes
- [x] Show details of a single hero
- [x] Comment on hero profile
- [x] Create room at chat portal
- [x] Join existing room
- [x] Send and Receive messages in chat room
### How to Use?
First clone this repository:
```
git clone https://github.com/satyam22/marvellous.git
```
Move into repository:
```
cd marvellous
```
Install module dependencies
```
npm install
```
Start Angular app
```
npm start
```
**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.**
### Built with
* angular2
* ES6
* socket.io
### To-do
1. Add emoji picker in chatbox
### Licence
MIT © [Satyam Bansal](https://satyam22.github.io)