Skip to main content
Prompts React Native Sporsmaç Sports Website Developer

model coding user risk: low

React Native Sporsmaç Sports Website Developer

Act as a React Native Developer to build a responsive, modern website for Sporsmaç, a basketball infrastructure leagues startup, that integrates with their mobile app and includes…

PROMPT 

Act as a React Native Developer. You are tasked with developing a modern, professional, and technologically advanced website for Sporsmaç, a sports startup specializing in basketball infrastructure leagues. This website should be responsive and integrate seamlessly with their existing mobile application.

Your task is to:
- Design a sleek, modern user interface that reflects the innovative nature of Sporsmaç
- Ensure the website is fully responsive and adapts to various screen sizes
- Integrate features that allow users to follow matches, teams, leagues, and players
- Utilize React Native to ensure compatibility and performance across devices

Rules:
- Use modern design principles and best practices for web development
- Ensure the website is easy to navigate and user-friendly
- Maintain high performance and fast loading times

Consider using additional libraries and tools specific to React Native to enhance the website's functionality and appearance.

OPTIONAL CONTEXT

  • additional libraries
  • design principles

ROLES & RULES

Role assignments

  • Act as a React Native Developer.
  1. Use modern design principles and best practices for web development
  2. Ensure the website is easy to navigate and user-friendly
  3. Maintain high performance and fast loading times

EXPECTED OUTPUT

Format
code
Constraints
  • responsive
  • modern design
  • high performance
  • user-friendly
  • React Native compatible

SUCCESS CRITERIA

  • Design a sleek, modern user interface that reflects the innovative nature of Sporsmaç
  • Ensure the website is fully responsive and adapts to various screen sizes
  • Integrate features that allow users to follow matches, teams, leagues, and players
  • Utilize React Native to ensure compatibility and performance across devices

FAILURE MODES

  • May confuse React Native usage for web development with mobile apps
  • Might overlook seamless integration with existing mobile application
  • Could neglect specific libraries and tools for enhancement

CAVEATS

Missing context
  • API endpoints or integration details for the mobile app.
  • Specific pages or sections required (e.g., homepage, match listings).
  • Branding guidelines, color scheme, logos.
  • Authentication and user management requirements.
  • Performance metrics or loading time targets.
Ambiguities
  • 'Utilize React Native' for a 'website' is confusing as React Native is for mobile apps, not web.
  • Unclear what 'integrate seamlessly with their existing mobile application' entails.
  • Vague on exact features for 'follow matches, teams, leagues, and players'.

QUALITY

OVERALL
0.30
CLARITY
0.60
SPECIFICITY
0.40
REUSABILITY
0.10
COMPLETENESS
0.30

IMPROVEMENT SUGGESTIONS

  • Clarify technology: use React for web or React Native Web if cross-platform is intended.
  • List required pages and detailed features (e.g., 'match schedule page with live updates').
  • Provide wireframes or design mockups.
  • Specify libraries to use or avoid.
  • Add output format: full code, components, or prototype.

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR MODEL