/repka-calc

Primary LanguageTypeScript

Repka Calculator (repka-calc)

A demo React + TypeScript calculator app with a model layer and full localization. Designed for static deployment and easy integration into any static files host.

Features

  • React + TypeScript + Vite
  • Model layer for water catchment and swale sizing
  • Localization (English, Spanish, Russian, German, French, Serbian)
  • Ready for static hosting (Netlify, GitHub Pages, etc.)

Getting Started

Install dependencies

npm install

Run the app locally

npm run dev

Localization

  • Default language: English
  • Switch between English, Spanish, Russian, German, French, and Serbian using the language selector in the UI
  • Add or edit languages in src/i18n/

Building and Deploying

To build the app for static hosting:

npm run build

This will output static files to the dist/ directory.

You can deploy the contents of dist/ to any static file host, such as:

  • Netlify: Drag and drop the dist/ folder in the Netlify dashboard, or connect your repo and set the build command to npm run build and the publish directory to dist.
  • GitHub Pages: Push the contents of dist/ to your gh-pages branch and configure GitHub Pages to serve from that branch.
  • Vercel, Firebase Hosting, Surge, etc.: All work with the static files in dist/.

This project was bootstrapped with Vite and is ready for deployment to any static hosting provider.