Pictures in frames, quickly and locally in your browser.
We recommend using nvm to manage your node version.
Start by installing nvm, then in a terminal, such as iTerm, Gnome Terminal, or Windows Subsystem for Linux, type:
nvm useThis should install the correct version of node for your system.
Then, follow the instructions for installing pnpm, preferably using corepack.
Assuming that you have set up node, pnpm and nvm, in a terminal run:
pnpm iYou should be ready to go!
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:5173 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner, specifically Playwright. Playwright is used for end-to-end testing, using the real browser environment.
Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Builds the app for production (similar to pnpm run build), and launches a local server that serves the app in production mode.
pnpm run preview is useful for benchmarking performance issues, since all optimisations are applied.
Runs ESLint, surfacing errors and warnings in the project.
The production app is on Netlify.
You can deploy the app anywhere that serves static files, i.e. those under the dist directory.