Tennis Court Review App #114
Open
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Changes made:
FlatList court browser with live search/filter
Detailed view for each court with review form
Local review management with instant client-side update
Custom fonts: Playfair Display (for logo), Ubuntu Bold (for court names)
Tennis-court styled palette & background for immersive branding
TypeScript safe data models (courts, reviews)
Easy, touch-optimized navigation and modern UI
Prompts used:
Outline the first steps for starting a tennis court review app using Expo React Native, including folder and file structure recommendations.
List essential files and directories for a mobile challenge. Guide splitting logic into components (e.g., main list, detail screen, shared styles).
Diagnose and resolve Expo image loading failures by verifying asset locations, updating import paths, and ensuring correct extensions. Confirm assets are present and referenced properly in code.
For missing font module errors, check the project dependencies and install packages using 'npx expo install @expo-google-fonts/playfair-display'.
Restart or clear the Expo cache (using 'npx expo start -c') after adding new assets or updating dependencies to prevent bundler issues and ensure fresh reloads.
Enable real-time search and filtering of courts in FlatList by state-driven input. Update displayed courts list dynamically based on name or location criteria, optimizing for mobile UX.
Time taken: 5:45 PM to 9:00 PM