conjure-cp / task-allocation-demo Goto Github PK

I created a new project and when I solve this I observe that the backend server finds a solution but the frontend won't show it. It just gets stuck on the "Generating solution..." screen.

This might be an artefact of the static export, but I am not sure.

Also the https://demos.constraintmodelling.org/task-allocation/output screen gives a 404, but clicking on "Solution Details" from the left menu doesn't (even though it rewrites the URL to same).

Any ideas @williamburns ? Or else I might have to learn some next.js :)

Describe the bug
The 'Project Detail' section of the website is not responsive and does not adjust properly according to different screen sizes.

To Reproduce

1. Open the website on a device with a different screen size or adjust the browser window size.
2. Navigate to the 'Project Detail' section.
3. Observe that the layout does not adjust correctly according to the screen size.

Expected behaviour
The 'Project Detail' section should adjust its layout to fit the screen size.

Actual behaviour
The 'Project Detail' section is not responsive according to the screen size.

Suggested Solution
The 'Project Detail' section needs to be made responsive. This may involve adjusting CSS properties and potentially using a responsive design framework or employing media queries to ensure proper display on various screen sizes.

Screenshots

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1

Describe the bug
When I navigate to http://localhost:3000/ in my browser, I receive a 404 error despite the existing project running correctly.

To Reproduce
Steps to reproduce the behaviour:

1. Run the project locally with npm start.
2. Open a web browser.
3. Navigate to http://localhost:3000/.
4. See the error "404 - Page Not Found".

Expected behaviour
I expected to see the homepage of the application.

Actual behaviour
I received a 404 error page.

Screenshots

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1

Describe the bug
On smaller screens, the 'Solution Detail' section of the website is centred instead of being left-aligned.

To Reproduce
Steps to reproduce the behavior:

1. Open the website on a device with small screen size or adjust the browser size to mimic a smaller screen.
2. Navigate to the 'Solution Detail' section on the sidebar.
3. Observe that the content is centred rather than left-aligned.

Expected behaviour
The 'Solution Detail' section should be consistently left-aligned across all screen sizes.

Actual behavior
The 'Solution Detail' section is centred.

Suggested Solution
Adjust the CSS properties of the 'Solution Detail' component to ensure consistent left alignment. It may require updates to the responsive design rules or modifying a specific CSS class.

Screenshots

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1