A practice project using React Native, Three Fiber, and Drei to create a fun and interactive 3D food ordering experience. This app is a testbed for experimenting with 3D graphics in mobile development.
- 📱 Mobile-first experience with React Native.
- 🎨 Interactive 3D food models for ordering.
- 🛠 Built using
@react-three/fiber
and@react-three/drei
.
- Android: An error occurs during the initial load, but the app functions properly afterward.
- iOS: 3D models fail to load due to compatibility issues.
Plan: Fix or switch to alternative 3D tools for better support.
-
Clone the repository:
git clone https://github.com/sai-zack-dev/3d-food-order.git
-
Install dependencies:
npm install
-
Run the app:
npx expo start Type a # For Android Type i # For iOS
- Debug Android initial load issue.
- Resolve iOS 3D loading problem.
- Explore alternative tools or libraries for 3D rendering if necessary.
If you have any ideas for fixing the bugs or improving the project, feel free to open an issue or submit a pull request! saizlinh@gmail.com
Stay tuned for updates as I work to resolve the issues and make this project a fully functional and polished 3D food ordering app!
Contributions are welcome! Please fork the repo, make changes, and submit a pull request.
Disclaimer: This is a practice project and not intended for production use.