Hamburger menu needed on smaller screens for responsivity
LoginPage
Done
ViewPage
Responsiveness is non-existent, needs to fixed. It must look good on both small and large screens.
The side bar is larger than the content area. Both should be aligned in size.
The titles (modulok,feladatok) in the sidebar should be centered.
Why is the Modulok list different than the Feladatok list? They should be the same. Loaded dynamically from the backend.
The modules/tasks loaded in the sidebar should be clickable. When clicked, it should open the corresponding markdown file in the content area.
In the content area, only one markdown file is displayed at a time. I dont really understand why there is an edit option alongside a button that adds a new content. Futhermore, the line brakes in the footer are unnecessary.
Footer and title is hard coded. It must be dynamic, since You'll get the title and the footer information through the API.
And the biggest problem of all. The content area should be filled from markdown files, yet it only works with an array filled with arrays. Needs to be fixed immediately.
Additionally, there are other smaller problems:
The arrow that open the sidebar should be in the sidebar itself, not beside it.
ListingPage
Responsivity should be better on smaller screens, maybe use a hambuger menu.
Add/Update
There's no save button that saves the changes and redirects you to the admin page.
AdminPage
Final design needed
Navbar
Should contain a back button, which will redirect the user to the previous page.
Should contain a user icon, which will open a small menu for logout and admin button.
Should contain a button to pick colors.
Division should look like this. Back buttom (left) - long space - color picker - user icon (both right)
LandingPage
LoginPage
ViewPage
ListingPage
Add/Update
AdminPage
Navbar