Introduction
Yesterday, I was not able to make enough progress, but fortunately today I was able to spend enough time to complete many required changes.
Updates
Here are some of the changes that I’ve made today:
- Pushing database migration to the PostgreSQL database, after making some of the schema-level changes previously in
User
,FoodItem
&PaidSubscription
models. - Since, I’d previously re-generated scaffolding for the
User
model as well, so I’d to fix things to make authentication work again. This is primarily why I never re-generated scaffold once the basic structure is set. Once I was done with this, I also updated theOnboardingModal
component. - Once I was done with the above-mentioned tasks, I decided to build the
TopNavigation
component (as opposed to using theSideNavigation
component used in Tracepath). But before that, I also discovered that there’s a separate component forSideNavigationElement
, while there is no navigation element component forBottomNavigation
, so I decided to place theSideNavigationElement
component within theSideNavigation
component. I’m not sure how I missed out on such an inconsistency, but nonetheless I fixed this and went on to create theTopNavigation
component. - After creating the TopNavigation component, I updated the NavigationLayout and PositionScreen components. And then, I updated the FoodItemsCell state components (i.e.
Empty
,Error
&Loading
), though I’ve not updated theFoodItems
component which is the return value for theSuccess
component in the cell. Actually, I was supposed to come to the FoodItemsPage later, but decided to update these components anyway & this took away from the final task in this post. - Finally, I was onto the
FoodItemSearchPage
& FoodItemSearch components, for which I’ve only added how these components would look, but I’ve not added any functionality to it, that is integrating the upload/scan feature with Cloudinary widget.
Next steps
- Making the search form functional, which will include integrating the upload/scan feature with the Cloudinary upload widget. This time, I also want to set specific security settings for the Cloudinary widget.
- Completing the food item search service (i.e. foodItemSearch.sdl.js & foodItemSearch.js ), which will be used to query paginated results from the USDA’s FDC API.
- Figuring out google’s image labeling API.
- Integrating food item search service with the image labeling function.
- Completing the food item mutation to add food items to the user’s food consumption history.
Screenshots
OnboardingModal component in large desktop, small desktop & mobile modes
TopNavigation component in the desktop mode
Top comments (0)