This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. One top of the standard Vite setup, tailwindcss is installed and ready to be used in React components.
Additional references:
How to run locally:
- Install deps:
pnpm install(ornpm i) - Dev:
pnpm dev→ open the printed URL and hard‑refresh (Ctrl/Cmd+Shift+R) - Build:
pnpm build→ Preview:pnpm preview
Tooltips and links:
- Custom tooltips for the
?help icon are implemented insrc/components/Help.tsxand are visible on hover, focus, or click. Parent cards allow overflow so tooltips are not clipped. - The “Источники тарифов (ссылки)” section is rendered near the top of
src/App.tsx, right below the “Руководство по использованию”.
This repo includes a GitHub Actions workflow that deploys the app to GitHub Pages on every push to sandbox-sync.
Steps:
-
In the GitHub repo Settings → Pages, set:
- Source: "GitHub Actions"
-
Push (or re-push) to
sandbox-syncto trigger the workflow -
The site will be available at:
The Vite base path is configured via env (BASE_PATH=/camera_application_calculate/) in the workflow.
Use the commands below to push a fresh branch and open it in CodeSandbox. Replace <PAT> with your GitHub Personal Access Token if prompted.
git init
git add .
git commit -m "sync: latest calculator (links + tooltips + split)"
git remote remove origin 2>/dev/null || true
git remote add origin https://github.com/Max13Good/camera_application_calculate.git
git checkout -b sandbox-sync
git push -u origin sandbox-sync
Then open in CodeSandbox:
If CodeSandbox shows an old UI, click “Restart Server / Restart Sandbox” and hard‑refresh the preview (Ctrl/Cmd+Shift+R).