The Algorithm Lab

The Algorithm Lab Used AI

11 devlogs
16h 9m
Created by Freddie

A website to experiment with different algorithms, including: sorting, searching, and pathfinding.

Timeline

I have continued working on the grid. it now updates automatically when the scale is changed or the window is resized.

Update attachment

Decided I didn't like the graph for visualising pathfinders, I've started making a 2D grid to visualise it as well. This is going to take a while haha

Update attachment

Visualiser now looks a bit better! It shows the nodes that are being searched and have been used in the search.

Update attachment

Finally made the first pathfinding algorith: Dijsktra's.

Update attachment

When clicking the play button, the javascript sends a POST request to the python API. I also added some more functionality to the UI components and fixed a few bugs

Update attachment

The graph now shows the start and target nodes, highlighted in red and green! I also added some more options and got a couple of them working.

Update attachment

I've now got the graph working for the pathfinding page. The python backend generates a new graph every time the page loads. I will add a button to regenerate it too. It's time for bed now!

Update attachment

I spent some time working on tidying up the css files, as well as getting started on the Pathfinding page.

Update attachment

I made the homepage look nice. For my first website I am quite impressed at what I have made (I hope everyone else likes it lmao). Also setup cytoscape.js, which is what I will be using to render graphs and trees.

Update attachment

Got the demo website up and running. backend runs on Render, frontend on Vercel. They use an API to communicate. This took a lot of brainpower XD

Update attachment

This is going to be an interesting project. I have decided to do this so that I can learn new stuff about algorithms, as well as learn how to make backend and frontend interact. I have decided to use React for the frontend (never used before, wish me luck) and Flask for the backend. Wow that's a lot of files!

Update attachment