Food Menu app using React native

Solution

Project Structure

  1. src/screens - contains Main Menu screen and Food Item Detail Screen
  2. src/components - contains FoodItemPreview (preview in Main Screen) and SectionItemPreview (display's section header info)
  3. src/api - api to fetch menu item, process and formats data.
  4. src/utils - contains all the types and interface information
  5. src/state - statemanagement using context.

Features

  1. React Navigation to navigate between screens
  2. State Management using Context API
  3. SectionList with FlatList to render all Food Items

Screenshot