Skip to content

Developing an interactive grid using Vue Composition API and TypeScript. This grid is designed to visualize various pathfinding algorithms, allowing users to dynamically manipulate start and end points, add or remove walls, and observe animated paths and visited cells. The project aims to provide an intuitive and educational tool for understanding.

Notifications You must be signed in to change notification settings

Faudelhadroug/Interactive-Grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 

Repository files navigation

About the project

This project is an interactive grid for visualizing pathfinding algorithms. The grid allows you to dynamically explore how different pathfinding algorithms work. It uses the following technologies:

  • Vue 3 (with Typescript & Composition API)
  • TailwindCSS
  • Algorithmes and Data Structure

progress-banner

Features

  • Interactive grid for pathfinding visualization
  • Movable start and end points
  • Add and remove walls dynamically
  • Supports various pathfinding algorithms
  • Animated paths to show the algorithm in action
  • Clear pathing and visited cells

Demos

Prerequisites

Installation

cd client/
pnpm install
pnpm dev

About

Developing an interactive grid using Vue Composition API and TypeScript. This grid is designed to visualize various pathfinding algorithms, allowing users to dynamically manipulate start and end points, add or remove walls, and observe animated paths and visited cells. The project aims to provide an intuitive and educational tool for understanding.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published