Skip to content

proyecto de 24 días programando para aprender javaScript + React

Notifications You must be signed in to change notification settings

cruzrovira/adviency

Repository files navigation

advenvy

es una proyecto que a lo largo de 24 dias, habra que ir agregando una funcionavilidad difente , con el proposito de poder aprender y pracaticar react junto con JavaScript

desafios diarios

  • Día 1: Para calentar motores vamos a mantener las cosas simples, mostremos una lista de regalos, 3 elementos, fijos, sin nada más. Los elementos están hardcodeados? En un estado? Depende de vos desafio 1

  • Día 2: Nuestra app se ve muy poco navideña, demosle unos colores más lindos, rojo, verde, amarillo! Podemos ponernos creativos con lo que queramos! desafio 2

  • Día 3: Estámos generosos, vamos a agregar un formulario con un input para escribir nuestro regalo y un botón para agregarlo a nuestra lista, todavía no los podemos borrar, pero... es navidad! Por que querríamos borrar regalos?

  • Día 4: Papa noel no estuvo muy contento con la demanda de regalos, vamos a tener que agregar un botón de eliminar a cada elemento para poder borrarlos individualmente. desafio 4

  • Día 5: La gente está muy indecisa y agrega muchos regalos y después los debe borrar de a uno! Agreguemos un botón para eliminar todos los regalos a la vez! desafio 5

  • Día 6: Nuestra aplicación no se ve muy bien cuando no hay regalos, agreguemos un mensaje alentando a agregar regalos cuando no haya ninguno!, " este punto lo he solucionado desde advency02" desafio 6

  • Día 7: Tuvimos algunos reportes de regalos vacíos o repetidos, asegurmosnos que la gente solo pueda agregar un regalo si escribió algo y si ese regalo no está ya en la lista! desafio 7

  • Día 8: Cometimos un error el día anterior, la gente quiere agregar regalos repetidos para regalarselos a diferentes personas, agreguemos un campo al lado del input de texto para poner la cantidad de unidades del regalo que deberíamos comprar. desafio 8

  • Día 9: La gente está triste por que al cerrar la aplicación pierde todos sus regalos 😢. Usemos localStorage para guardar los regalos en el dispositivo del usuario y cargarlos cuando vuelve! desafio 9

  • Día 10: Las palabras dicen mucho pero las imágenes más! Agreguemos un campo donde podamos pegar un link de imágen para cada regalo y mostremoslo en la lista. desafio 10

  • Día 11: Nuestro formulario tiene muchas cosas y molesta a la vista de los usuarios, pasemoslo a un modal / drawer o lo que quieras y pongamos un botón de "Agregar regalo" que lo muestre. desafio 11 desafio 11

  • Día 12: La gente no recuerda que regalo corresponde a cada quien, agreguemos un campo para destinatario y mostremoslo. desafio 12

  • Día 13: Nuestros usuarios se ponen muy contentos y se equivocan al cargar regalos, agreguemos un botón editar que nos permita cambiar regalos ya agregados.

(Se va poniendo difícil así que no aflojen y pregunten!) desafio 13 desafio 13

  • Día 14: Nuestra aplicación no es muy accesible, hagamos que podamos agregar, borrar y editar regalos sin tocar el mouse. -este punto sea solucionado desde adviency03 desafio 14 desafio 14
  • Día 15: Pronto tendremos que preparar una api para nuestra aplicación, preparemos un método para traernos nuestros regalos que use promesas o async await. desafio 15 desafio 15
  • Día 16: La gente está perdiendo la creatividad y necesita una ayuda, agreguemos un botón para obtener un regalo aleatorio para el campo "regalo", podés tener una lista fija de regalos, no es necesario que sean generados. desafio 16
  • Día 17: Nos olvidamos de agregar un campo de precio para nuestros regalos! Aseguremosnos de mostrar el precio correcto tomando en cuenta la cantidad de unidades del regalo. desafio 17 desafio 17
  • Día 18: La gente agrega muchos regalos y necesita saber el total de lo que gastaría, pongamos el total. desafio 18
  • Día 19: La gente quiere hacer el mismo regalo pero a diferentes personas o en diferentes cantidades, agreguemos un botón de duplicar que abra el modal precargado. desafio 19 desafio 19
  • Día 20: Queremos tener una lista de regalos para ir a comprar pero no queremos que tenga los botones o precios, agreguemos un botón de previsualizar que nos abra un modal. desafio 20 desafio 20
  • Día 21: Fuimos a comprar los regalos pero no teniamos datos en el celular, no queremos que le pase a alguien más, agreguemos un botón de imprimir a esa lista. desafio 21 desafio 21
  • Día 22: Levantemos el espíritu navideño agregando un sonido navideño de fondo. No tan alto, tiene que estar deshabilitado por defecto y el usuario puede habilitarlo. desafio 22
  • Día 23: Ya casi es navidad! Agreguemos unos copitos de nieve a nuestra app para darle el último toque navideño ❄ desafio 23 desafio 23
  • Día 24: Creo que después de 23 días de trabajar te mereces este día libre, felicitaciones por todo lo que hiciste y disfrutá de las fiestas 🙌 desafio 24

About

proyecto de 24 días programando para aprender javaScript + React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published