formidablae / personal_blog

Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog

This project was generated with Angular CLI version 13.0.1.

Front-end Interface Development server

Run ng serve or ng serve --configuration=development for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Front-end Interface Production server

Run ng serve --configuration=production for a prod server.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Front-end Interface Testing server

Run ng serve --configuration=qa for a testing server.

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 a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Back-end WordPress API Development server

Run docker-compose -f docker-compose.staging.yml up -d to pull the containers for Wordpress and MySQL. Navigate to http://localhost:8000/ and start the automated installation of the WordPress API.

Back-end WordPress API Production server

Run docker-compose -f docker-compose.prod.yml up -d for a prod server.

Back-end WordPress API Testing server

Run docker-compose -f docker-compose.qa.yml up -d for a testing server.

Visual state of the project

personal_blog's Issues

Setup and serve Wordpress API with docker containers

Add animated preview and update README.md

Add screenshot of singular post view in README.md

Add Bootstrap SCSS and use it

Generate a Header component in the Shared module

Add html and css for the Header component and in the App component

Implement lazy loading route

Define routes for Home, About and other paths

Define configurations and docker-compose yaml files for prod, staging and qa environments

Update README.md documentation

Commands and sections

Customize about page

Deploy back-end Wordpress API

Generate a Home and an About module

Generate a Core and a Shared module

Introduce pre-loading strategy

Import HttpClientModule and RouterModule in Core and Shared respectively

Setup project

Add animations for the different transitions

Add ngx-quicklink for better pre-loading

Deploy front-end interface

Display posts by accessing the Wordpress API