https://github.com/kasdihacene/blogcreator4engineer

Open source project for creation blog/portfolio dedicated to engineers
https://github.com/kasdihacene/blogcreator4engineer

angular9 blog-application blog-engine blog-theme json-server microservices-architecture

Last synced: about 2 months ago
JSON representation

Open source project for creation blog/portfolio dedicated to engineers

• Host: GitHub
• URL: https://github.com/kasdihacene/blogcreator4engineer
• Owner: kasdihacene
• License: gpl-3.0
• Created: 2020-04-02T13:00:17.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-06-03T02:33:32.000Z (over 2 years ago)
• Last Synced: 2023-03-07T04:47:37.838Z (almost 2 years ago)
• Topics: angular9, blog-application, blog-engine, blog-theme, json-server, microservices-architecture
• Language: JavaScript
• Homepage: https://hacene-kasdi.fr/#/resume
• Size: 10.7 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Blog4Engineer

![Blog-Build-Script CI](https://github.com/kasdihacene/BlogCreator4Engineer/workflows/Blog-workflow/badge.svg) [![Build Status](https://travis-ci.com/kasdihacene/BlogCreator4Engineer.svg?branch=master)](https://travis-ci.com/kasdihacene/BlogCreator4Engineer) [![codecov](https://codecov.io/gh/kasdihacene/BlogCreator4Engineer/branch/master/graph/badge.svg)](https://codecov.io/gh/kasdihacene/BlogCreator4Engineer)

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

### About Blog4Engineer

An open-source blog for easily sharing your knowledges, personal achievements, experiences and archived POCs :man_technologist:

 :white_check_mark: **TO BEGIN**

This guide explains the prerequisites for setting up the Blog4Engineer application, a personal blog, on your own platform. This requires some technical knowledge, however the first version [branch-1](https://github.com/kasdihacene/BlogCreator4Engineer/tree/version-1) of the application doesn't require to be an expert to deploy it in production and to obtain your own domain name.

:large_blue_diamond: Version 1

* Retrives you resume from the remote server (JSON Server)

* Highlights your github activity

* Retrieves Articles, realized POCs an published Posts.

### :construction_worker: What was it built with? 

:large_blue_diamond: **TECH STACK**

        Angular 9

        Bootstrap 4

        JSON Server (https://my-json-server.typicode.com/)

CI/CD

        - Github Actions for deploying

        - Travis for the Build job and code coverage

        - codecov.io to get report of tests

:heavy_check_mark: The features are implemented using **TDD Test-Driven Development with Outside-In and Inside-Out approaches**. 

### Blog4Engineer Architecture V1

![](markdown/version1.PNG)

The target data are stored on Github as json file **[db.json]**, A Typicode JSON Server intercepts the request and retrieves the data according to the requested object.

### :rocket: What do I need to set it up?

:wrench: **Prerequisite :**

        You have to install :

        - A run-time environment node.js

        - Node Package Manager npm 

        - Angular CLI (npm install -g @angular/cli).

        

You'll need some basic experience with the command line, and access to your own JSON server where you can retrieve the data. And some node.js dependencies to install. 

> For the first time, you have to install Install the dependencies in the local node_modules folder. 

        > git clone 

        > cd  

        > npm install

        > ng serve [OPTION]

        ## [OPTION] : by default the development mode will be fired else --prod to get the configuration set for production

## 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 `production/` directory. Use the `--prod` flag for a production build.

                ng build --prod --output-path production

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