Back to videos

3D Food Delivery App with React Native and React three Fiber

Let's learn how to create a 3D Sandwich Configurator with React Native, Expo, Three.js and React three Fiber through this step-by-step video tutorial!

Final code 🔗

https://github.com/wass08/r3f-wawa-eats

Sandwich ingredients model

https://sketchfab.com/3d-models/sandwich-assembly-2ee0a6ea4b7547ad9ced7ec5aade37c9

Download Android Studio

https://developer.android.com/studio

React Three Fiber React Native documentation

https://docs.pmnd.rs/react-three-fiber/getting-started/installation

Expo Metro Config

https://docs.expo.dev/guides/customizing-metro/

Convert font to Typeface.js

https://gero3.github.io/facetype.js/

Zustand Library

https://github.com/pmndrs/zustand

React Spring

https://docs.pmnd.rs/react-three-fiber/tutorials/using-with-react-spring

Need help with this tutorial? Join our Discord community!