Hi. This is the seventeenth part of the diary about developing the “Programmers’ diary” blog. The open source code of this project is on https://github.com/TheProgrammersDiary.

The first diary entry explains why this project was done: https://medium.com/@vievaldas/developing-a-website-with-microservices-part-1-the-idea-fe6e0a7a96b5.

Next entry:

—————

2023-12-02:

It’s nearing Christmas. Which means, it’s time to decorate.

Currently, the design looks crappy. I did not invest time in it at all.

Let’s fix this issue:

New looks on the Main page:

Updated Create a new post page:

Fresh Post page with comments:

Fresh Post page without comments:

Since styling was updated, Playwright tests failed. They failed locally and remotely. This is because Github Actions run on a Linux machine and the images Playwright makes has Linux browsers’ design. I had to download Linux images to check them visually. Seeing they are correct I pushed them with the code and the Playwright tests passed.

You can see the styling updates along with updated images for Playwright tests here: https://github.com/TheProgrammersDiary/Frontend/commit/5b4f4f1ab2434b5d5e681cc4039c89afc6e2d3f1.

With these updates the Programmers’ diary looks better.

—————

Thanks for reading.

The project logged in this diary is open source, so if you would like to code or suggest changes, please visit https://github.com/TheProgrammersDiary.

You can check out the results of the project: https://www.programmersdiary.com/.

More diary entries coming soon.