This is a simple project in react native; create a couple of screens with some text and buttons.
* The app has to be created in React Native (preferably latest version). I want to run the project myself using "npx react-native run-ios"
* The project has attached a wireframe that shows the functionality I expect in the end.
[About the Wireframe]
* I don't want an API but it would be nice if you could make a mockup GET request on page 1 (to get the Food Categories with the individual Subcategories and description for each item.
* A user enters the App and is shown 2 buttons: Foods and Edit Foods.
If he clicks on Foods he is shown a couple of Categories. There he can select atleast 1 (lets say he selects Hotdog and Hamburger); these will get colored grayish (as they are selected). After he selects those two and presses "Go Next" he is shown a couple of subcategories (HotDog Type 1, HotDog Type 2, HotDog Type 3, HotDog Type 4, HotDog Type 5). Here he can select again some (lets say HotDog Type 1, HotDog Type 3 and HotDog Type 4). After he presses "Go Next" he goes through each subcategory where he can rate it or go next to the other. For example if he is in subcategory HotDog Type 1 and presses next he goes in HotDog Type 3, if he presses next again he goes in HotDog Type 4. He can rate any of these by pressing "Rate". From the rate screen if he presses next he goes to the next subcategory (for example if he rates HotDog Type 1 and presses next he goes to HotDog Type 3).
** Please write the code simple and clean to be understood.
** If possible please maintain all state in the root component of the app (the first screen with 2 buttons), so that all state is managed in one place, making it easier to reason about the app.
** Edit button allows to edit the text in every Category, Subcategory and Description. This edit should be stored only locally (no API calls).