Update README.md

README.md

@@ -8,6 +8,31 @@ There is a test user with some example data precharged:
 - User: [email protected]
 - Password: 123456789
 
+## 📒 User Guide
+![Landing page](./wwwroot/Images/001.png)
+This is the landing page. With a brief presentation of the web app. To navigate between pages use the top navbar.
+
+![Register page](./wwwroot/Images/002.png)
+You can register a profile clicking in "Crear Cuenta de Afiliado". (Keep in mind there is no data saving, reloading the browser deletes user info).
+
+![Login page](./wwwroot/Images/003.png)
+You can login too clicking in "Iniciar Sesión", it's recommended to use the fake profile in the top section of this readme.
+
+![Dashboard](./wwwroot/Images/004.png)
+When registering or loging succesfully, you will be redirected to the dashboard page, here you can manage the affiliate referral page appearance.
+
+- Textos > Título: You can change the title of the invitation.
+- Textos > Description: You can give a description about the referral advantages.
+- Imágenes > Imagen Avatar (Not implemented): You can change the avatar image of the user in the invite.
+- Imágenes > Fondo Tilleable: Use a tilleable pattern background to display in the message.
+- Compartir > Link de afiliado: Share this link to share the referral invitation (Keep in mind it only works for the test profile as there is no data saving feature)
+- Guardar > Guardar estilo: Saves the style.
+- Guardar > Ver invitación: Previews the invitation (Use this button if you made changes and pressed "Guardar estilo" instead just copying the code.
+
+![Referral](./wwwroot/Images/005.png)
+Default customer invitation.
+
+
 ## 🚀 How to Deploy 
 This turorial has been used to deploy the site to github pages. [Tutorial](https://ilovedotnet.org/blogs/blazor-wasm-publishing-to-github-pages/)