[Dashboard page with expandable sidebar] #38
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Sprint
#27
Who worked on this sprint?
Justin and Ella
Features Implemented
Dashboard component that displays datacards and has a dropdown menu to select a year.
Sidebar component for menu navigation that is expandable.
New files created
mhd\src\components\dashboard.tsx
mhd\src\components/\Sidebar.tsx
mhd\src\context\ExpandedContext.tsx
mhd.env
Backend files not used:
mhd\src\lib\yearlyTotals.ts (Uses pure SQL)
mhddummydata.env
Existing files modified
MHD/src/app/layout.tsx
MHD/src/app/page.tsx
Acceptance Criteria
Dashboard auto-populates data from the most recent year
Statistics change when selecting a different year
Sidebar is responsive and matches the styling of the Figma exactly
UI matches Figma
Code runs locally without errors and builds successfully
Merge via PR
Testing: how did you test?
Experimented with different animations to find a smooth transition between the closed and opened states for all components including the sidebar, text, and data cards. Checked page format for all window sizes.
Features Not Implemented/Incomplete
Attempted accessing data using drizzle but was not able to implement it with chained functions.
Screenshots:
Tag Dan and Shayne
@danglorioso @shaynesidman