Build a basic React Native app with Firebase, Forge and PDFtron
Budget: €18 – €36 EUR
The idea behind this React Native app is to make sure that 3 major frameworks work together in a React Native app.
These frameworks are Firebase, PDFTron viewer and Autodesk Forge , each have a documentation to install React Native. This app needs to be deployed on iOS and Android tablets and smartphones for testing (Expo ?).
The app displays a sidenav (or a splitview) with 4 buttons: Firebase, PDF , Forge and Photo. (See photos)
When user clicks on :
1 - Firebase button: a simple text coming from firebase realtime database is displayed on screen. If we modify the text in database, it should reflect in the application (no need for realtime).
Documentation: https://rnfirebase.io/
2 - PDF button : opens a simple PDF file with the PDFtron viewer.
Documentation : https://www.pdftron.com/documentation/ios/react-native/
3 - Forge : opens the Autodesk Forge 3D viewer
Documentation : https://github.com/dukedhx/viewer-expo-react-native/
4 - Photo : opens the devices camera to take a picture ( just show the camera)
5 - Display a tabbar below the side list with 5 buttons. If the device is a smartphone, display the list, and when user clicks on a button open the main page and user can go back to list by clicking on back button. No need to do fancy buttons.
These frameworks are Firebase, PDFTron viewer and Autodesk Forge , each have a documentation to install React Native. This app needs to be deployed on iOS and Android tablets and smartphones for testing (Expo ?).
The app displays a sidenav (or a splitview) with 4 buttons: Firebase, PDF , Forge and Photo. (See photos)
When user clicks on :
1 - Firebase button: a simple text coming from firebase realtime database is displayed on screen. If we modify the text in database, it should reflect in the application (no need for realtime).
Documentation: https://rnfirebase.io/
2 - PDF button : opens a simple PDF file with the PDFtron viewer.
Documentation : https://www.pdftron.com/documentation/ios/react-native/
3 - Forge : opens the Autodesk Forge 3D viewer
Documentation : https://github.com/dukedhx/viewer-expo-react-native/
4 - Photo : opens the devices camera to take a picture ( just show the camera)
5 - Display a tabbar below the side list with 5 buttons. If the device is a smartphone, display the list, and when user clicks on a button open the main page and user can go back to list by clicking on back button. No need to do fancy buttons.