https://github.com/hasanyahya101/routerender-vite

This is a basic Dijkstra's path finding algorithm visualizer. You set a start and an end tile. The algorithm starts searching each tile it can and finally finds and displays the shortest path.
https://github.com/hasanyahya101/routerender-vite

algorithm algos dijkstra-s finding github github-pages mit pages path path-visualizer shadcn static tiles

Last synced: 24 days ago
JSON representation

This is a basic Dijkstra's path finding algorithm visualizer. You set a start and an end tile. The algorithm starts searching each tile it can and finally finds and displays the shortest path.

• Host: GitHub
• URL: https://github.com/hasanyahya101/routerender-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-06-10T10:21:42.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-11T22:10:51.000Z (10 months ago)
• Last Synced: 2025-02-04T14:36:24.991Z (3 months ago)
• Topics: algorithm, algos, dijkstra-s, finding, github, github-pages, mit, pages, path, path-visualizer, shadcn, static, tiles
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/RouteRender-Vite/
• Size: 656 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# RouteRender (React + Vite)

## Introduction

This is a basic Dijkstra's path finding algorithm visualizer. You set a start and an end tile. The algorithm starts searching each tile it can and finally finds and displays the shortest path.

## UI Library

Radix UI and ShadCN components were used to create the UI of the website. Moreover, Vite was used to create this React Project.

## Deployment

This project was deployed to Github Pages and can be tested there. No servers or databases were used in this Project.

## Preview

![Screenshot 2024-06-10 182719](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/f5d3e89c-f7c1-4cd4-bcd5-480641a3d1ec)

![Screenshot 2024-06-10 185607](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/fc730fa4-cba9-47b5-a981-42c466672c80)

![Screenshot 2024-06-10 185650](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/b536a731-88d8-4935-b78f-7f18fc557dad)

![Screenshot 2024-06-10 185732](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/d1174914-48cb-4c73-9784-fd2cd77eef83)

![Screenshot 2024-06-10 185743](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/efa6553c-7488-4c46-abbe-e41247a05e6f)

![Screenshot 2024-06-10 185805](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/02438647-6bdb-48f8-91af-b221ccf85086)

![Screenshot 2024-06-10 185816](https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/f11bdae9-6bdb-43c5-8e84-98ed77bc141a)

## Walkthrough

https://github.com/HasanYahya101/RouteRender-Vite/assets/118683092/8f05d722-2a67-44fc-a61d-52dd8013d212

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh