Skip to content

alan345/RealTime-Maps-and-Chat-with-Angular-SocketIo

Repository files navigation

RealTime Maps and Chat with Angular SocketIo by Stern

This project was generated with angular-cli version 1.4.7.

this stack is made with:

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

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 or GraphicsMagick installed, more info in 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.

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.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. 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

Preview of the app

Video

RealTime Maps and Chat with Angular SocketIo Video

To get more help on the angular-cli use ng help or go check out the Angular-CLI README.

Pull requests are welcome !