screenshots are added to readme

Author: pablo-sch

docs/README.de.md

@@ -150,4 +150,22 @@ Dieses Projekt hat derzeit keine externen Beiträge oder eine Lizenz.
 
 ## Projektvorschau
 
-...
+### Home
+
+![Home](../etc/preview_images/home.png)
+
+### Home Mobile
+
+![Home Mobile](../etc/preview_images/index_mobile.png)
+
+### Create Post
+
+![Create Post](../etc/preview_images/create_post.png)
+
+### Post Detail
+
+![Post Detail](../etc/preview_images/post_detail.png)
+
+### Edit Post
+
+![Edit Post](../etc/preview_images/post_edit.png)

docs/README.es.md

@@ -150,4 +150,22 @@ Este proyecto no cuenta con contribuciones externas ni licencia en este momento.
 
 ## Vista previa del proyecto
 
-...
+### Home
+
+![Home](../etc/preview_images/home.png)
+
+### Home Mobile
+
+![Home Mobile](../etc/preview_images/index_mobile.png)
+
+### Create Post
+
+![Create Post](../etc/preview_images/create_post.png)
+
+### Post Detail
+
+![Post Detail](../etc/preview_images/post_detail.png)
+
+### Edit Post
+
+![Edit Post](../etc/preview_images/post_edit.png)

docs/README.md

@@ -150,4 +150,22 @@ This project currently does not include external contributions or a license.
 
 ## Project Preview
 
-...
+### Home
+
+![Home](../etc/preview_images/home.png)
+
+### Home Mobile
+
+![Home Mobile](../etc/preview_images/index_mobile.png)
+
+### Create Post
+
+![Create Post](../etc/preview_images/create_post.png)
+
+### Post Detail
+
+![Post Detail](../etc/preview_images/post_detail.png)
+
+### Edit Post
+
+![Edit Post](../etc/preview_images/post_edit.png)

etc/TODO List.md

@@ -1,14 +1,14 @@
 # TODO List
 
-1. Improve the CSS.
+1. ok - Improve the CSS.
 2. Load the image to the input of this one when you edit a post because currently this one doesn't receive anything, so you don't have to load the same original image again from the client.
 3. In the search panel, keep the search parameters when you search by word or tag.
 4. Improve the notifications in terms of appearance on the screen and its aesthetics.
 5. Improve the code nomenclature (like camelCase, snake_case, PascalCase).
 6. Apply more the "DRY" development principle and/or Decentralize, Distribute, Delegate even more functions or tasks in the code.
-7. Improve the README and translate it into English and German.
-8. Take screenshots of the project and upload them to the README once an acceptable level of aesthetics has been reached.
+7. ok - Improve the README and translate it into English and German.
+8. ok - Take screenshots of the project and upload them to the README once an acceptable level of aesthetics has been reached.
 9. Apply the DRY principle for links to CSS files in HTML files.
 10. Do not allow the user to make more than one click on a button to avoid problems of duplicates or null elements.
-11. Improve the content of the posts to make them more realistic.
-12. Make the image of the post in my showPosts display correctly for different screen sizes.
+11. ok - Improve the content of the posts to make them more realistic.
+12. ok - Make the image of the post in my showPosts display correctly for different screen sizes.

etc/preview_images/create_post.png

@@ -23,6 +23,7 @@
     <link rel="stylesheet" href="src/styles/components/loader.css">
     <link rel="stylesheet" href="src/styles/components/loader-container.css">
 
+    <link rel="stylesheet" href="src/styles/components/post-card-container.css">
     <link rel="stylesheet" href="src/styles/components/post.css">