An open API service indexing awesome lists of open source software.

https://github.com/brahmaiah-rayalla/angular-blogger

Angular-Blogger is a blog designed with Angular 6+ version and used components, pipes, services and interaction with rest back end services.
https://github.com/brahmaiah-rayalla/angular-blogger

angular-cli angular6 bootstrap4 components models pipes services typescript2

Last synced: 3 months ago
JSON representation

Angular-Blogger is a blog designed with Angular 6+ version and used components, pipes, services and interaction with rest back end services.

Awesome Lists containing this project

README

          

# Blogger App using Angular 6 with CLI

Blogger App developed using Angular 6 version and used below anugular concepts used
http://brahma517.blogspot.com/2018/09/blogger-app-using-angular-6-with-cli.html


  • Angular Components

  • Angular Services

  • Angular Pipes

  • Bootstrap styles

  • Angular Models


# Screen prints:

Home:
![Capture-1](https://github.com/Brahmaiah-Rayalla/Angular-Blogger/blob/master/Capture-1.PNG)

Posts:
![Capture-2](https://github.com/Brahmaiah-Rayalla/Angular-Blogger/blob/master/Capture-2.PNG)

Post:
![Capture-3](https://github.com/Brahmaiah-Rayalla/Angular-Blogger/blob/master/Capture-3.PNG)

ContactUS:
![Capture-4](https://github.com/Brahmaiah-Rayalla/Angular-Blogger/blob/master/Capture-4.PNG)

AddPost:
![Capture-5](https://github.com/Brahmaiah-Rayalla/Angular-Blogger/blob/master/Capture-5.PNG)

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

## 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|guard|interface|enum|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](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/).

## Further help

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).
# MyBlogger