https://github.com/huuquyet/r3f-magic-cube
Magic Cube built with React Three Fiber + Three.js + Tamagui
https://github.com/huuquyet/r3f-magic-cube
expo expo-router magic-cube react-three-fiber tamagui three-js typescript
Last synced: 4 months ago
JSON representation
Magic Cube built with React Three Fiber + Three.js + Tamagui
- Host: GitHub
- URL: https://github.com/huuquyet/r3f-magic-cube
- Owner: huuquyet
- Created: 2024-04-30T04:32:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-03T09:53:16.000Z (11 months ago)
- Last Synced: 2025-04-14T23:35:47.122Z (6 months ago)
- Topics: expo, expo-router, magic-cube, react-three-fiber, tamagui, three-js, typescript
- Language: CSS
- Homepage: https://magic-cube-r3f.vercel.app
- Size: 4.06 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Magic Cube built with React-Three-Fiber
## 🔦 About
This repo is 4 Magic Cube 3x3x3 built with [Expo + Tamagui](https://tamagui.dev/docs/guides/expo) and bootstrapped with [`create-r3f-app`](https://github.com/utsuboco/create-r3f-app).
## 📦 Included packages
- [Tamagui](https://tamagui.dev) 🪄
- Expo SDK
- Expo Router
- [React Three Fiber](https://docs.pmnd.rs/react-three-fiber)
- Three.js
## 🗂 Folder layout
The main apps are:
- `app` you'll be importing most files from `app/`
## 🏁 Start the app
- Install dependencies: `bun install`
- Web local dev: `bun web`
- Android local dev: `bun android`
- Ios local dev: `bun ios`
## UI Kit
Note we're following the [design systems guide](https://tamagui.dev/docs/guides/design-systems) and creating our own package for components.
## 🆕 Add new dependencies
### Pure JS dependencies
If you're installing a JavaScript-only dependency that will be used across platforms, install it as example:
```sh
bun add jotai
```
## Update new dependencies
### Pure JS dependencies
```sh
bun update --latest
```
## Deploying to Vercel
- Config in `vercel.json` file
- Build command: leave default setting
- Output dir: leave default setting
- Build preview version with `bunx vercel build` or production with `bunx vercel build --prod`
- Then deploy the preview with `bunx vercel --prebuilt` or production with `bunx vercel --prod --prebuilt`