We need to create a single-page web app in index.html with CSS and JS inline. Maze generation recursive backtracker on canvas. Then animate A* or BFS solving.

Implement all in one file.

We need to create index.html. We'll write the file. We'll include a canvas element. Use JS to generate maze and solver animation. We'll implement recursive backtracking: grid of cells, with walls. Use canvas to draw.

We'll animate solving: maybe BFS using queue, with visual steps.

Simplify: generate maze then solve with BFS and animate by drawing steps.

Let's write code.

Need to keep code reasonably short but functional.

Approach: use 2D array of cells; each cell has walls north, south, east, west. Recursive backtracker with stack.

After maze is built, show it on canvas. Then BFS from start cell (0,0) to finish (cols-1, rows-1). Use a queue, visited array, predecessor map. Use setTimeout or requestAnimationFrame to animate.

Simplify by using async functions with await delay.

Canvas size: maybe 600x600. Cell size 20.

Implement functions:

- generateMaze(rows, cols)

- drawMaze(ctx, maze, cellSize)

- solveMaze(maze, start, goal)

- animateSolve(path)

We need to display the path as it's found, maybe by highlighting visited cells.

Will use a global array of cells, each cell object: {x, y, walls: {N: true,...}, visited: bool}

During generation, set visited accordingly.

Then after generating, call solve.

During BFS, we can record steps.

Animation: maybe each step draw visited cells and frontier.

Let's write code.

Let's create index.html with style to center canvas and maybe button to start.

Will implement a button "Generate & Solve" that triggers.

But requirement is to generate random maze automatically? We can have automatic.

Let's write: on load, generate maze and then solve.

Okay.

Let's write file content.

Use functions.

We'll also use some delays: e.g., 10 ms per step.

Let's implement.

Also we need to show start and goal cells maybe with color.

Alright.

Let's produce the content.

Need to ensure correct wall drawing; use strokeRect with appropriate coordinates? Might not show walls correctly. Also the top left and bottom right cells not fully displayed? Might be okay. Provide final answer.