Giter VIP home page Giter VIP logo

knit-projects's Introduction

#React starter kit

knit-projects's People

Contributors

iregonzalez avatar

knit-projects's Issues

conversor de medidas de patrones

  • campo para introducir número de puntos de la muestra del patrón

  • campo para introducir número de vueltas de la muestra del patrón

  • campo para introducir número de puntos de mi muestra

  • campo para introducir número de vueltas de mi muestra

  • Opción con medidas:

  • puntos para 10 cm de muestra para x puntos que indica el patrón=Xcm

  • puntos de mis 10 cm de muestra para Xcm=Xpuntos

Add text Info

  • Técnica
  • Origen-enlace del patrón
  • Autora del patrón

Bookmark

A partir del ejercicio de bookmark de clase, crear un directorio de patrones

Local Storage

  • Crear un archivo en el local Storage
  • Guardar ahí la info nueva cada uno con un id correlativo
  • Renderizar los datos desde ls
  • Al borrar que se borren tb de ls

Mis muestras

  • número de aguja
  • tipo de hilo
  • grosor recomendado de hilo
  • tipo de punto
  • puntos para 10 cm
  • vueltas para 10 cm

Styles

  • ancho de la ficha en el filtro de encargos

Patern Directory

Crear un directorio de patrones en el localstorage a partir de los introducidos en los proyectos

Algunos apuntes

Buen trabajo @IreGonzalez !

Algunas pistas para acabarlo:

  • Como sugerencia general, comprueba continuamente tu aplicación en Chrome y el terminal dónde arrancas la app con npm start. Si algo falla, hay que arreglarlo antes de continuar.
  • Hace falta una variable estado para cada input que usamos en el formulario de un nuevo club.
  • Haz que los input del formulario sean "componentes controlados": deben tener una función handler en su evento onChange y una variable de estado en su atributo value (o checked en el caso de los checkboxes).
  • Inicializa las variables de estado de los checkbox en false
  • Guarda el valor del atributo check de los input de tipo checkbox porque debemos guardar si la usuaria ha seleccionado o no esa opción.
  • Utiliza un if ternario para realizar las comparaciones si los clubes abren días entre semana y fin de semana
  • Las instrucciones para añadir un nuevo club a la lista de clubes se deben ejecutar al pulsar el botón "Añadir".
  • Resetea el estado de tu formulario cuando agregues un club (limpia los inputs de nombre, y los checkbox sin marcar)
  • Si has decidido resetear tu formulario al estado inicial después de agregar un nuevo club, recuerda que para volver al estado inicial de los inputs de tipo checkbox hazlo a través de la propiedad checked
  • Utiliza el spread operator para actualizar el estado del listado de clubes
  • Haz los bonus del ejercicio para que sigas practicando!

Recuerda: a medida que vayas realizando estas mejoras debes subirlas a la rama principal de este repo y marcarlas como realizadas en este issue. Si no, tu profe no sabrás que has realizado estas mejoras.

He visto tu branch "testing" y creo que has resuelto (casi) todos los issues. Te falta poner el onChange a uno de los checkboxes (se lo has puesto al <label>!) https://github.com/Adalab/modulo-3-evaluacion-intermedia-IreGonzalez/blob/334ddb03ad4ffe15a7b3104fac28ecbc1b13b94d/src/components/App.js#L76-L77 y poner el valor de las variables estado correspondentes en el atributo checked de los checkboxes. También faltan los issues de borrar el estado después de crear el nuevo club y... ¡A por el filtro!

Si tienes cualquier duda, avisa!

Al turrón!!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.