In development: Full stack with JavaScript, React.js, Node.js, Express.js, MongoDB. JWT Authentication, CRUD & validation, filtering and database. Responsive CSS. TanStack Table. Current sprint: prepare for testing, refactor auth to SSO, re-testing & deployment.
Project designed for desktop yet should display and respond correctly across different devices Ideallythe following should happen after bugfix
(for inifinte loop on render of ExperimentalAllTagsSelect in CreateNew.js and renaming of ExperimentalAllTagsSelect to a much shorter name)
Reviewing all frontend components identify where display is poor at 320px
List out components & issues
Table:
Strategy for responsive table: adding data-title may be appropriate
Generally:
Width and height causing issues, review to refactor without (Flexbox) and/or review to write media queries
CreateNew.js line 144
Runtime: Infinite loop occurs when this component renders ExperimentalAllTagsSelect
Occurs in isolation: does not occur when ExperimentalAllTagsSelect is used in Edit.js
Review useEffect hooks to prevent loop occuring
During this fix, carefully rename Experimental AllTagsSelect - component name is too long
Ideallythe following after bugfix for inifinte loop on render of ExperimentalAllTagsSelect in CreateNew.js (and renaming of ExperimentalAllTagsSelect to a much shorter name) -
Branch feature/refactor-code-smell created, refactored re: avoid inline styling or inline event handlers
Error handling: Error Boundary added to reinforce specific error handling for requests to server
Branch feature/refactor-css-modules created
All merged into dev branch Ideallythe following after bugfix for inifinte loop on render of ExperimentalAllTagsSelect in CreateNew.js (and renaming of ExperimentalAllTagsSelect to a much shorter name) -
Branch from dev to create a branch specifically to test it
Currently defaults to "Incorrect log in details" if user enters an email already in use with another account
Change to handle this case by sending an appropriate error message to the user