Angular 4 and Feathers 2 with Bootstrap 4 Starter-Kit

A starter kit with a real-time chat application with Angular 4 and Bootstrap 4 for the client and Feathers 2 for the server with users authentication.

About

This project uses Angular. One framework, mobile & desktop. And Feathers. An open source web framework for building modern real-time applications. And Bootstrap. The most popular HTML, CSS, and JS library in the world.

Screenshots

There are 2 screens in the project.

First the Login/Sign up route:

And the Chat route with the proper AuthGuard so that only logged in users can open it:

Getting Started

Getting up and running is easy. First launch the server and then the client.

Make sure you have NodeJS and npm installed.
Install Angular 4
```
npm i -g angular-cli
```

Clone the repo

git clone https://github.com/altuzar/angular4-feathers2-bootstrap4-starter-kit.git

Install the server dependencies

cd angular4-feathers2-bootstrap4-starter-kit.git
cd server
npm install

Start the server
```
npm start
```
Goto to browser and check link as below
```
http://localhost:3030/
```
Install the client dependencies in a different terminal.
```
cd ..
cd client
npm install
```
Start the client
```
npm start
```
Goto to browser and check link as below
```
 http://localhost:4200/
```

Testing

To run the tests in the server, stop the server and run

```
cd server
npm test
```

and all your tests in the test/ directory will be run.

To run the tests in the client, run

```
cd client
ng test
```

to execute the unit tests via Karma.

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.

Further help

For more information on all the things you can do with Feathers visit docs.feathersjs.com.

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

License

Licensed under the MIT license.