https://github.com/msub2/escape-room

WIP WebXR escape room built with React XR
https://github.com/msub2/escape-room

Last synced: about 1 month ago
JSON representation

WIP WebXR escape room built with React XR

• Host: GitHub
• URL: https://github.com/msub2/escape-room
• Owner: msub2
• Created: 2023-04-13T05:04:29.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-13T04:43:01.000Z (over 1 year ago)
• Last Synced: 2024-04-24T04:48:03.846Z (9 months ago)
• Language: TypeScript
• Homepage:
• Size: 12.8 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nano React App Default Javascript Template

The default template project for [nano-react-app](https://github.com/nano-react-app/nano-react-app).

- `npm start` — This will spawn a development server with a default port of `5173`.

- `npm run build` — This will output a production build in the `dist` directory.

- `npm run preview` — This will run the production build locally with a default port of `5173` (this will not work if you haven't generated the production build yet).

## Custom port

You can use the `-p` flag to specify a port for development. To do this, you can either run `npm start` with an additional flag:

```

npm start -- --port 3000

```

Or edit the `start` script directly:

```

vite --port 3000

```

## Adding styles

You can use CSS files with simple ES2015 `import` statements anywhere in your Javascript:

```js

import "./index.css";

```

## Babel transforms

The Babel preset [babel-preset-nano-react-app](https://github.com/nano-react-app/babel-preset-nano-react-app) is used to support the same transforms that Create React App supports.

The Babel configuration lives inside `package.json` and will override an external `.babelrc` file, so if you want to use `.babelrc` remember to delete the `babel` property inside `package.json`.

## Deploy to GitHub Pages

You can also deploy your project using GitHub pages.

First install the `gh-pages` [package](https://github.com/tschaub/gh-pages):

`npm i -D gh-pages`

Use the following scripts for deployment:

```js

"scripts": {

  "start": "vite",

  "build": "vite build",

  "predeploy": "rm -rf dist && vite build",

  "deploy": "gh-pages -d dist"

},

```

Then follow the normal procedure in GitHub Pages and select the `gh-pages` branch.