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.
- 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.)
npm installnpm run dev- 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/
To build the app for static hosting:
npm run buildThis 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 tonpm run buildand the publish directory todist. - GitHub Pages: Push the contents of
dist/to yourgh-pagesbranch 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.