Minor UX changes in TypeScript+React+.NET project

Job ID: 33426134

Budget: €250 – €750 EUR

The following changes need to be done on the web site https://doc.metalama.net. The front-end takes its input from https://github.com/postsharp/Metalama.Samples/blob/master/samples.json.

1. The drop down list on the list should be a list on the left side of the screen, which should include not only the sample name, but only a sample description. When selecting a new sample, the sample automatically be executed.

2. The middle panel (Aspect Code) must be hidden by default. There should be a checkbox to hide/show the panel.

3. There should be an additional panel with the description of the sample. The description would be a Markdown file that would be included in https://github.com/postsharp/Metalama.Samples/blob/master/samples.json.

The web site front-end is written in TypeScript+React. The back-end (running the compiler) is .NET 6.0 and is pretty complex, but no change is required in the back-end.

doc.metalama.net is a fork of https://github.com/dotnet/try/tree/main/Microsoft.DotNet.Try.Client, so you can check the source code to see what you are getting into.
Related categories: JavaScript .NET CSS HTML5 React.js