oss-slu / Enhancing-Bioinformatics-Research-through-LLM

Apache License 2.0
0 stars 0 forks source link

Creating a basic home page layout and unit testing the home page #8

Closed oam67 closed 2 months ago

oam67 commented 2 months ago

Fixes #5

What was changed?

I created a basic home page user interface. Specifically, I have made a home page that contains an input panel, API recommendation panel, and an error detection and correction panel. The home page also contains a header, footer, and navigation bar. The navigation bar has buttons for different pages of the UI. I also ran some unit tests for the home page.

Why was it changed?

The UI needs a home page where code can be submitted, results can be displayed, and other pages of the UI can be accessed. My code works towards this goal by creating a home page screen with placeholder panels and buttons.

How was it changed?

I created a file called HomeScreen.js, which contains all the code for the home page components (panels, buttons, header, footer, navigation bar). I also created a file called HomeScreen.test.js, which contains unit tests that verify the existence of necessary buttons. Lastly, I modified App.js so that I could create a route to the home page.

Screenshots that show the changes (if applicable): image image