Add dashboard page
thamudi opened this issue · comments
As a user, after logging in, I want o be redirected to Nuha's dashboard where I can interact and use Nuha to detect hate speech.
Technical requirements:
- Create a page
/dashboard/- The folder structure should follow this pattern
/pages/dashboard/index.vue - This page will be accessible only after the user has logged in, however we won't be implementing it at this phase.
- The folder structure should follow this pattern
- This page will contain the following components.
- The same navigation bar that will have a burger menu with the following new options to user:
- User Dashboard
/dashboard - User Settings
/dashboard/settings - Sign out button
- User Dashboard
- Two options that will interact with NUHA's API. "Dont worry about endpoint atm":
- Enter data as a CSV file or an XLXS sheet.
- Enter data as text entries.
- The same navigation bar that will have a burger menu with the following new options to user:
Reference UI design.
There are a couple of bugs i noticed while testing the UI
The opened burger menu follows the scroll. It should stick to its location at the top.
nuha-1.mp4
And it looks a bit off on the mobile. I think adding some borders should make set it apart from the page.
should the border be on the bottom of the menu?
yes
resolved in the commit 5f86ceb and the ones before it.
Done in pr #23