Portfolio App

This project was generated with angular-cli

Code styles

Following John Papa course and angular2 code styles https://www.pluralsight.com/courses/angular-2-first-look https://github.com/johnpapa/angular-first-look-hosted

This portfolio website includes below features :

Home Page Product Page - Display product card list and product detail page Blog Page - Display Blog list , pagination and blog destail page About Page Contact Page - Send Email with form note data

Admin Module

Login Page Manage Product Page - Product list table , pagination and edit product Write Product Page - Publish product content using CKEditor Manage Blog Page - Blog list table , pagination and edit blog Write Blog Page - Publish blog content using CKEditor

Angular4 , Typescript , Rxjs , Primeng, CKEditor4

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.

Build

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.

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.

Deploying to GitHub Pages

Run ng github-pages:deploy to deploy to GitHub Pages.

Further help

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

Angular Structure

static folder - assets main entry - main.ts , index.html main module - app.module.ts SharedModule main route - app.routes.ts

lucylulululu/portfolio