Folder structure

├── App.js
├── api
│   └── Articles.js
├── app.json
├── assets
│   ├── icon.png
│   └── splash.png
├── components
│   ├── MenuIcon.js
│   └── SideMenu.js
├── package-lock.json
├── package.json
├── screens
│   ├── DetailScreen.js
│   ├── GridScreen.js
│   ├── HomeScreen.js
│   ├── ListScreen.js
│   └── MapScreen.js
└── styles
└── index.js

api It contain the function to call external api and get the data.

components It mainly contains side menu components, such as side menu, menu icon SideMenu Custom layout for this side menu, feel free to update if you want MenuIcon A menu icon which stays in grid, list , home screen's header

screens It contains five different screen. DetailScreen It includes the header, the portal to map screen, and display api data. GridScreen It lists all the data with grid layout ListScreen It lists all the data with list layout HomeScreen It lists all the data with static item and carousel component to display all data. MapScreen It displays the location via map view.

styles It contain all styles from different screen