Vyryi/vyryi-front

Go to file

Redsandy dfe445349b Add raven animation feature with SVG assets and Three.js integration

- Introduced a new SVG asset for the raven silhouette.
- Updated CSS to position and style the raven animation layer.
- Implemented `RavenBurstCanvas` and `RavenFlock` components for rendering animated ravens using Three.js.
- Enhanced `GateTransitProvider` to manage raven animation state and integrate with existing transition logic.
- Added `ravenFx` type and default values for controlling raven animation properties.
- Adjusted transform origins and z-index for improved visual alignment during transitions.

2026-08-12 12:41:12 +03:00

Add raven animation feature with SVG assets and Three.js integration

2026-08-12 12:41:12 +03:00

Add raven animation feature with SVG assets and Three.js integration

2026-08-12 12:41:12 +03:00

.env.example

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

.gitignore

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

.oxlintrc.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

index.html

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

package-lock.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

package.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

README.md

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

tsconfig.app.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

tsconfig.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

tsconfig.node.json

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

vite.config.ts

Initialize Vyryi front-end project with React, Vite, and TypeScript. Add essential files including configuration, environment variables, and basic structure. Implement authentication, routing, and API interaction for a Telegram Mini App UI. Include README and styling for a cohesive user experience.

2026-08-12 11:27:07 +03:00

README.md

Vyryi Front

React (Vite + TypeScript) Telegram Mini App UI for Vyryi.

Stack

React 19 + React Router
Local auth via backend POST /auth/dev-login
Dark folk visual style matching the project logo

Screens

/ — logo + user agreement gate
/home — balance, stub deposit, slot stubs
/games/:slug — game placeholder

Quick start

cd vyryi-front
npm install
copy .env.example .env
npm run dev

Open http://127.0.0.1:5173 — backend must be running on port 8000.

Env

VITE_API_URL=http://127.0.0.1:8000