Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alan345/realtime-maps-and-chat-with-angular-socketio
RealTime Maps and Chat with Angular SocketIo
https://github.com/alan345/realtime-maps-and-chat-with-angular-socketio
angular-cli angular-material angular4 express google-maps jwt jwt-authentication material mongodb real-time socket-io
Last synced: about 1 month ago
JSON representation
RealTime Maps and Chat with Angular SocketIo
- Host: GitHub
- URL: https://github.com/alan345/realtime-maps-and-chat-with-angular-socketio
- Owner: alan345
- License: mit
- Created: 2017-10-16T23:21:00.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-10-24T23:14:31.000Z (about 7 years ago)
- Last Synced: 2024-10-27T05:47:12.865Z (3 months ago)
- Topics: angular-cli, angular-material, angular4, express, google-maps, jwt, jwt-authentication, material, mongodb, real-time, socket-io
- Language: TypeScript
- Homepage: http://www.gooplus.fr
- Size: 4.91 MB
- Stars: 4
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# RealTime Maps and Chat with Angular SocketIo by Stern
This project was generated with [angular-cli](https://github.com/angular/angular-cli) version 1.4.7.
## this stack is made with:
* MongoDb No SQL database https://www.mongodb.com/
* JWT for Auth https://jwt.io/ & https://github.com/auth0/angular2-jwt
* SocketIo https://socket.io/
* ExpressJs http://expressjs.com/
* google maps with AGM https://angular-maps.com/
* Angular Material https://material.angular.io/
* angular4 https://angular.io/
## Installing Dependecies
1. Clone this repo from Git
2. Run `npm install` in your command line.
3. Rename file `example_config.js` to `config.js` in `/server/config` folder and edit it. This file will be included in `.gitignore`
4.
Login navigate to `localhost:3000/`
## Prerequisites
1. MongoDB installed and running (http://mongodb.org)
2. Node.js and NPM installed (http://nodejs.org)
3. [ImageMagick](http://www.imagemagick.org/script/index.php) or [GraphicsMagick](http://www.graphicsmagick.org/) installed,
more info in [gm](https://github.com/aheckmann/gm) page on how to install depending your Operating System. If installing ImageMagick on Windows, please check "Install Legacy Utitities (e.g. convert") during installation otherwise node will report errors.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.
## Help with angular-cli
To get more help on the `angular-cli` use `ng --help` or go check out the [Angular-CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
## Build. FrontEnd
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
Use `ng build --watch` to avoid re-loading page when you change code
## Backend
Use `nodemon npm start` to avoid re-loading page when you change code
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.
## Viewing the App
Open your favourite web browser and point to `http://localhost:3000`
Enjoy!
## install mongodb
install mongodb https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/
## Tool in production
* We recommand https://github.com/Unitech/pm2
* run `pm2 start npm -- start`
# Preview of the app
### Video
[](https://www.youtube.com/watch?v=vTPTPhKjSR8)
=======
To get more help on the `angular-cli` use `ng help` or go check out the [Angular-CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
# Pull requests are welcome !