Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2️⃣ feat(navbar & sign in): Agregar funcionalidad que muestre ciertos elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn #3

Open
wants to merge 1 commit into
base: lab-reto-1
Choose a base branch
from

Conversation

teffcode
Copy link
Collaborator

@teffcode teffcode commented Mar 9, 2023

Reto 2: Agregar funcionalidad que muestre ciertos elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn

🥾 Step by step

  1. Saber si el usuario le dio click a sign-out en el navbar
  2. Usar Conditional Rendering para pintar los elementos del navbar dependiendo del valor de la key sign-out
  3. Hacer la maquetación base de la página de SignIn

😎 Solución

1. Saber si el usuario le dio click a sign-out en el navbar

Captura de Pantalla 2023-03-08 a la(s) 7 51 57 p m

2. Usar Conditional Rendering para pintar los elementos del navbar dependiendo del valor de la key sign-out

Captura de Pantalla 2023-03-08 a la(s) 7 17 10 p m

Captura de Pantalla 2023-03-08 a la(s) 7 30 10 p m

Captura de Pantalla 2023-03-08 a la(s) 7 19 42 p m

3. Hacer la maquetación base de la página de SignIn

Captura de Pantalla 2023-03-08 a la(s) 7 32 54 p m

Videito final sobre cómo debería quedarte de genial:

Grabacion.de.pantalla.2023-03-08.a.la.s.7.37.12.p.m.mov

Fin 🥲

@teffcode teffcode changed the title ✨ feat(navbar & sign in): Mostrar el Navbar con ciertos elementos dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn 2️⃣ feat(navbar & sign in): Mostrar el Navbar con ciertos elementos dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn Mar 9, 2023
@teffcode teffcode changed the title 2️⃣ feat(navbar & sign in): Mostrar el Navbar con ciertos elementos dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn 2️⃣ feat(navbar & sign in): Agregar elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn Mar 9, 2023
@teffcode teffcode changed the title 2️⃣ feat(navbar & sign in): Agregar elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn 2️⃣ feat(navbar & sign in): Agregar funcionalidad que muestre ciertos elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn Mar 9, 2023
@Alfonso1954
Copy link

Excelente ejercicio, me ha costado trabajo, pero lo estoy logrando

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants