By: Loc Tran
This web app: A place where people can search and filter new delicious and nutritious recipe for their next meal as well as to see more about the nutrition fact and price breakdown for each recipe
The following functionalities included:
- The app includes at least two unique chart developed using the fetched data that tell an interesting story
- Clicking on an item in the list view displays more details about it
- Clicking on an item has a direct, unique link to that item's detail view page
- The site's customized dashboard contains more content that explains what is interesting about the data
- The site allows users to toggle between different data visualizations
- Each recipe contains a nutrition label as image and an interactive chart so view more its price breakdown
Here's a walkthrough of implemented user stories:
GIF created with LICEcap
The most challenging problem while building the app is cleaning up the fetched json data and finding a way to display it so that the web app can print the desired result on the screen (for example: making the price breakdown chart to display on the detail page as HTML form was painful). Also, it was pretty frustrating when I tried to keep the sidebar stay for every renders in which I used a different strategy from what I learned from CodePath
Copyright [2023] [Loc Tran]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.