Vyryi/vyryi-front

Go to file

Redsandy f0733d6918 Refactor game API and introduce Forest Fortune game

- Updated API types to replace `GameStub` with `GameInfo` and added `SessionSpinResult` and `SpinOutcome` types.
- Modified API requests in `api.ts` to use the new game types.
- Implemented the `ForestFortuneGame` component with game logic, including spinning mechanics and win animations.
- Created supporting components: `CoinFlight`, `ReelColumn`, `WinCounter`, and `WinLinesOverlay` for game UI.
- Added CSS styles for the Forest Fortune game layout and animations.
- Updated `GamePage` and `HomePage` to integrate the new game and reflect its status correctly.

2026-08-12 15:27:27 +03:00

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

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

Refactor game API and introduce Forest Fortune game

2026-08-12 15:27:27 +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