search

skyportal / skyportal-mobile-ionic

This is a prototype mobile application for the SkyPortal platform. It uses Ionic React.
0 stars 1 forks source link

Scanning page layout #14

Closed dj-256 closed 1 week ago

dj-256 commented 1 week ago

This has the very basic layout for the scanning options and main scanning page

dj-256 commented 1 week ago

This introduces screens with basic layouts for the scanning feature along with the directory structure for the code. The layouts are based on a lo-fi prototype looking like this:

The first screen here is implemented in ScanningOptionsScreen.jsx, the second one is in MainScanningScreen.jsx.
The code is organized in modules that contain components and the code used inside of them as it makes for better colocation and helps modifications on a single feature to stay contain in the same directory. Ionic React wraps React Router behind the scenes so the main routing is handled in App.jsx. The tab bar navigation routing is in MainScreen.jsx.
The code also uses mock data imported from the fritz preview instance for development.
npm run dev:external will allow you to run this on an Android device that has to be plugged in and to have debugging enabled.
The scanning screens should look like the following in the current state of the application: