Faculty
Engineering
Supervisor Name
Daniel Lizotte, Vava Grbic
Keywords
Data Collection Tool, React Native, Mobile Collection, Redux, Expo, Figma
Loading...
Description
The purpose of this research project was to develop a cross-platform mobile application to collect field sample data for the Grbic team. The frontend of the application was prototyped in Figma, then developed in React Native with Expo. The application uses React Navigation v5.0 and Redux v4.1 to handle navigation and state management. Expo’s APIs allow the app to leverage native device features such as GPS, Camera, Microphone and Camera Roll to collect data seamlessly from users. The app also supports barcode reading to assign collected data to the appropriately labelled physical sample. The backend will still need to be established, to handle user authentication and data storage. However, the final survey screen builds a completed JSON object and after it is parsed, data can be stored in the appropriate database tables.
Acknowledgements
I would like to thank Daniel Lizotte, Vava Grbic and Vlad Zhurov for their continuous support throughout this internship. I am very glad to have been part of their amazing team and wish all of them the best of luck as the project continues.
Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 License.
Document Type
Video
Cross-Platform Mobile Data Collection Tool
The purpose of this research project was to develop a cross-platform mobile application to collect field sample data for the Grbic team. The frontend of the application was prototyped in Figma, then developed in React Native with Expo. The application uses React Navigation v5.0 and Redux v4.1 to handle navigation and state management. Expo’s APIs allow the app to leverage native device features such as GPS, Camera, Microphone and Camera Roll to collect data seamlessly from users. The app also supports barcode reading to assign collected data to the appropriately labelled physical sample. The backend will still need to be established, to handle user authentication and data storage. However, the final survey screen builds a completed JSON object and after it is parsed, data can be stored in the appropriate database tables.
Comments
GitHub Link:
https://github.com/kMongru/react-native-field-collection-tool.git