Feature/andrewzpu/program page #62
Merged
Conversation
This file contains 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
|
Visit the preview URL for this PR (updated for commit a79c54f): https://pia-dev-60cea--pr62-feature-andrewzpu-pr-tlrgoicf.web.app (expires Mon, 22 Apr 2024 15:54:16 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: b780ee12a240535f7ca0729d49968573a1f3e284 |
andrewzpu
force-pushed
the
feature/andrewzpu/program-page
branch
from
2d6009c to
f5f8db0
Compare
andrewzpu
force-pushed
the
feature/andrewzpu/program-page
branch
from
bc3a144 to
f34bd33
Compare
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.
Tracking Info
Resolves #31
Resolves #44
Resolves #47
Changes
Created layout Programs Card UI element and Programs page.
Implemented different layouts for different screen sizes
Added some more settings to tailwind config and global.css
Created backend route to get list of all existing programs.
Connected programs page to backend route to visually display all program data
Testing
Ran on my own local host
Tested different size screens using device toolbar in developer view
Confirmation of Change
Standard View
Tablet View
Mobile View
Extra Large View
Backend Route Result
Programs page with database program data populated
Notes:
Card color in populated data is saved as #AEFFEA, this is not the default color
Student counts for each card is currently commented out until this data is added to the program schema