feat: implement front-end scaffolding#3
Merged
jordan-smith721 merged 3 commits intomongodb:mainfrom Oct 24, 2025
Merged
Conversation
cbullinger
requested changes
Oct 23, 2025
Collaborator
cbullinger
left a comment
cbullinger
left a comment
There was a problem hiding this comment.
looking good! left some comments, including some suggestions from augment, since i'm not super familiar with react/frontend (feel free to ignore if they're not applicable)
Comment on lines
+12
to
+14
| "react": "19.1.0", | ||
| "react-dom": "19.1.0", | ||
| "next": "15.5.5" |
Collaborator
There was a problem hiding this comment.
Suggested change
| "react": "19.1.0", | |
| "react-dom": "19.1.0", | |
| "next": "15.5.5" | |
| "react": "19.2.0", | |
| "react-dom": "19.2.0", | |
| "next": "16.0.0" |
| "@types/react": "^19", | ||
| "@types/react-dom": "^19", | ||
| "eslint": "^9", | ||
| "eslint-config-next": "15.5.5", |
Collaborator
There was a problem hiding this comment.
Suggested change
| "eslint-config-next": "15.5.5", | |
| "eslint-config-next": "16.0.0", |
Comment on lines
+2
to
+4
| * Movies Page Styles | ||
| * | ||
| * CSS Module for the movies page component. |
Collaborator
There was a problem hiding this comment.
Suggested change
| * Movies Page Styles | |
| * | |
| * CSS Module for the movies page component. | |
| * Movie Card Styles | |
| * | |
| * CSS Module for the movies card component. |
| return result.data; | ||
| } catch (error) { | ||
| console.error('Error fetching movies:', error); | ||
| // Return empty array instead of throwing to prevent page crash |
Collaborator
There was a problem hiding this comment.
prob overkill, but maybe we can make use of NODE_ENV to be explicit about how you might handle this in dev vs. prod
Suggested change
| // Return empty array instead of throwing to prevent page crash | |
| // In development, throw the error to help with debugging | |
| if (process.env.NODE_ENV === 'development') { | |
| throw error; | |
| } | |
| // In production, return empty array with logged error to prevent page crash |
cbullinger
approved these changes
Oct 24, 2025
cbullinger
added a commit
that referenced
this pull request
Jan 31, 2026
- #1 Movie Cards: Make entire card clickable, enforce consistent heights, tone down checkbox - #2 Top Toolbar: Remove batch buttons, add contextual bottom selection bar - #3 Filters Bar: Replace mint/green with neutral gray borders and backgrounds - #4 Navbar: Remove full-width green border and animated underline effect - #5 Aggregations: Use light gray for row hover, tone down comment pills and show more button - Additional: Remove bright green border from aggregations section headers All changes improve visual hierarchy and reduce competing visual elements per reviewer feedback on PR #75.
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
To run this, first navigate to the server/express folder and run:
npm run buildnpm startthen in a separate terminal navigate to client/ and run:
npm run devThe app should be running at localhost:3000