welcome to WebPals assignment app.
Below you have a short instructions how to run this app.
- first of all clone the repository
- run npm install
- if you don't have datatables installed please follow the next steps to insure that the component that using data table runs and renders correctly.
In this step, we have to add interactivity to our page
ng add angular-datatables
- Install the following packages:
npm install jquery --save
npm install datatables.net --save
npm install datatables.net-dt --save
npm install angular-datatables --save
npm install @types/jquery --save-dev
npm install @types/datatables.net --save-dev
Add the dependencies in the scripts and styles attributes to angular.json:
"projects": {
"your-app-name": {
"architect": {
"build": {
"options": {
"styles": [
"node_modules/datatables.net-dt/css/jquery.dataTables.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/datatables.net/js/jquery.dataTables.js"
],
...
}
}
3.Import the DataTablesModule at the appropriate level of your app.
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { DataTablesModule } from "angular-datatables";
import { AppComponent } from "./app.component";
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, DataTablesModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
When you finish to install all what is listed above, you have to :
- npm run start - the app will start on port :4200
- login credentials: username: [email protected] , password: admin.
you can also us this app with GitHub Pages, just click on the link below: WEBPALS-Assignment