Develop a Modern Website for Sporsmaç Using React Native
Prompt für eine React-Native-Website einer Sport-Liga-App.
Prompt für eine React-Native-Website einer Sport-Liga-App.
Der 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.
So nutzt du es
Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.
Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“
Im Detail
Sehr spezifischer Prompt für die React-Native-Website eines Basketball-Ligen-Startups: Ziel ist ein modernes, responsives Frontend, das nahtlos an eine bestehende Mobile App andockt und Funktionen wie Live-Ergebnisse, Team- und Spielerverfolgung abbildet. Nützlich als Vorlage für ähnliche Sport- oder Community-Plattformen, bei denen Web und App dieselbe Codebasis oder zumindest dieselbe Design-Sprache teilen sollen. Da er auf ein fiktives Unternehmen zugeschnitten ist, lohnt sich vor allem die Struktur – Eigenname und Sportart sollten für eigene Projekte ausgetauscht werden.
Praxis-Tipp
Firmenname und Sportart im Prompt durch das eigene Projekt ersetzen und die App-Feature-Liste (Ligen, Spieler, Teams) an die tatsächliche Datenstruktur anpassen.
Lizenz & Quelle
- Lizenz: CC0-1.0 (Public Domain)
- Quelle: awesome-chatgpt-prompts (GitHub)
Inhalt ansehen (develop-a-modern-website-for-sporsmac-using-react-native.txt)
Lade …
Erfahrungen & Kommentare.
Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.
Lade Kommentare …
Passt dazu.
aa/cli taste
Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, Ordnerstruktur).
Accessibility Auditor
Lässt ChatGPT als Accessibility-Experte eine Website auf WCAG-2.2- und Section-508-Konformität prüfen.
Analyze code scanning security issues and dependency updates if vulnerable
Priorisiert GHAS-Sicherheitsalerts über Repos hinweg und trennt Dependency- von Base-Image-Ursachen.
