World of Calculators

This project is a web application made using Vite, Vue.js, Tailwind, and Charts.js

Description

A web application offering a variety of calculators for different needs. Built using Vue.js and Tailwind CSS, the application maintains a clean separation of concerns between calculation methods, page layouts, and components. Features include calculators for mortgage payouts, monthly or bi-weekly rates, car loans, retirement planning, and unit conversions. Also includes graph data representation of calculation results.

Site Demo

You can access a deployed version of this site at https://world-of-calculators.netlify.app/.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint