maker-jws
commented
1 year ago Project Points: 17 - PASSING
-
API integrations - 2 pts
-
Sufficient complexity - 3pts
-
[ ] search auto fill + breed parsing
-
Deployed to production - 1.5pts
-
[ ] Error in manifest file (pointing to non-existent files)
-
Basic styling / layout design - 2.5pts -
-
[ ] - Really nice looking, consistent styling.
-
[ ] - Mobile responsive nav / font-sizes.
-
[ ] - Easy to use UI.
-
[ ] - Nice quality of life features with only a few cosmetic issues (button sizes, image size/distortions).
-
Functionality - 2pts
-
[ ] App did not break with dummy data, but no fall back / user message present.
-
[ ] Some image overlapping / stretch on mobile sizes
-
Code quality - 2 pts
-
[ ] - Migrate app into root of repo, clean up stray files (package-lock.json at root).
-
[ ] - Point images for documentation into a docs / lib /assets folder.
-
Documentation - 2 pts
-
[ ] Includes screen capture but could use re-ordering/hierarchy and screen captures / gifs for search behavior.
-
Version Control - 2pts
-
[ ] 90 commits / non-descriptive comments with name (rather than files changed or changes made)
The most difficult part of this project was getting the search bar to function correctly and link to the correct dog breed. It was both rewarding and challenging getting this done. In the end we were happy to figure it out and add the search suggestion to the component as well.
We learned a lot about developing in React. I believe this project has left us with a much better understanding of how props work & how react-router works. Throughout our time building this app we have had the opportunity to really begin to understand how to consider designing a react app with a component centric viewpoint. This will be very helpful for designed future react apps because we can design our code to be dryer and more efficient by recycling components for multiple uses with props.
A future feature we might want to consider for improving the app is the useNavigation hook. We believe that this would allow us to make a more seamless user experience when the search component is being utilized.