Front-end BUCKET LIST application built with REACT. Users can add, update or delete items from a bucket list - which persists when they refresh or revisit the page. Uses STATE, HOOKS, COMPONENTS, PROPS, conditional rendering, forms and event handling. Built from starter code.
The form for adding new items to the bucket currently will accept any text value. The handleSubmit defaults an 'eagerness' level; the id is autogenerated; but the 'text' value itself can currently be anything.
I would like to have something that checks:
[ ] There is a value
[ ] The value is only text / a string
[ ] The value is within a min/max character length
I would like an error to be sent to the user, possibly just as an alert pop-up, if these values are not met.
I might want to build unit tests using the React Testing Library in parallel to building these features: this would be very easy to write unit tests for.
The form for adding new items to the bucket currently will accept any text value. The
handleSubmitdefaults an 'eagerness' level; the id is autogenerated; but the 'text' value itself can currently be anything.I would like to have something that checks:
I would like an error to be sent to the user, possibly just as an alert pop-up, if these values are not met.
I might want to build unit tests using the React Testing Library in parallel to building these features: this would be very easy to write unit tests for.