#189-implement-react-grid-layout #210

Merged

b24johka merged 5 commits from #189-implement-react-grid-layout into team_1_week_1

2026-04-10 08:42:20 +00:00

b24erika commented

2026-04-09 13:23:12 +00:00

Collaborator

App.js
Right now multiple cards/views of temperature is used to have some sort of layout basis.

const layout determine where a card/view should be place once the program is running, here you can modify size such as width and height as well as placement e.g x/y coordinates. The App function is "called" in "index.js" in frontend.

Once you have built the project there can be some visual errors due to caches in your browser, make sure to clear it otherwise you will get the old output off App.js. This took quite some time to figure out since I had that problem.

The solution is not final, as new cards/views are added, adjustments need to be done in order to display the right cards/views.

Interaction with the website (draging cards/views) can be placed anywhere, they do not compact them (cluster them) since I made that design decision and can be changed by editing the constant "doNotCompact".

App.js Right now multiple cards/views of temperature is used to have some sort of layout basis. const layout determine where a card/view should be place once the program is running, here you can modify size such as width and height as well as placement e.g x/y coordinates. The App function is "called" in "index.js" in frontend. Once you have built the project there can be some visual errors due to caches in your browser, make sure to clear it otherwise you will get the old output off App.js. This took quite some time to figure out since I had that problem. The solution is not final, as new cards/views are added, adjustments need to be done in order to display the right cards/views. Interaction with the website (draging cards/views) can be placed anywhere, they do not compact them (cluster them) since I made that design decision and can be changed by editing the constant "doNotCompact".

b24erika added 3 commits

2026-04-09 13:23:12 +00:00

first edition of app 80d8f765d7

used suggested code in the research issue #179

added compactor options 2a3c9d91c8

so that cards can be placed anywhere without being compacted

Coding standards f05aed5ef2

edited coding standards & comments

b24erika self-assigned this

2026-04-09 13:24:03 +00:00

b24erika added the

needs review

frontEnd

Team 1

labels

2026-04-09 13:26:38 +00:00

b24johka commented

2026-04-09 13:40:30 +00:00

Collaborator

I tried this with a fresh repository and it worked well, used google chrome as it works better with java script.
Good background to help developers to modify the grid layout, we will still discuss the risks of the conflict to the target branch.

I tried this with a fresh repository and it worked well, used google chrome as it works better with java script. Good background to help developers to modify the grid layout, we will still discuss the risks of the conflict to the target branch.

c24elipe added 1 commit

2026-04-10 06:50:40 +00:00