/PathFinder

Editor for testing and visualize pathfinding algorithms

Primary LanguageTypeScript

PathFinder

PathFinder is a simulator environment that let you observe and play with different pathfinding algorithms.

Editor in action

Dark mode version

Light mode version

Project stack:

Tables About
Vue 3 SPA Framework (Create app with components)
Pinia State management library
TypeScript Powerful upgrade for normal JavaScript
VueUse Library with much useful hooks
FontAwesome Library with nice svg icons
Vitest For testing (Unit and Integrations tests)
Cypress For E2E testing

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, 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