AlgoPath

About

This was developed by myself as a capstone project for the Flatiron School Software Engineering program. It is a data visualization tool for different types of pathfinding algorithms that utilizes a React frontend and a Rails backend.

Demo Video

https://youtu.be/sV5KLkQYRcw

Installation

1. Fork and Clone this repository.

2. Navigate to the backend directory and run bundle install to install necessary gems:

$ bundle install

3. Migrate the database:

$ rails db:migrate

4. Start the rails server:

$ rails s

5. Navigate to the frontend directory and run npm install to install necessary modules:

$ npm install

6. Start the react server:

$ npm start

Usage

You will now be brought to the login screen. Here you can create a new account or login with an existing one!

After logging in, you will be brought to the main screen where you will see the visualization grid. You can move the start and end nodes to new locations, add some walls, select an algorithm, and watch it find its way to the end node.

You also have the ability to change the speed of the visualization, and even call upon an old visualization with the history dropdown.

I hope you enjoy learning how pathfinding algorithms work in AlgoPath! 😊