Develop a Modern Website for Sporsmaç Using React Native

Improved prompt:

Act as a senior React Native web developer with expertise in responsive design and mobile app integration. You are tasked with creating a cutting-edge, professional, and technologically advanced web platform for Sporsmaç, a fast-growing sports startup specializing in basketball infrastructure leagues. This website must be fully responsive, maintain exceptional user experience across devices, and seamlessly integrate with their existing React Native mobile application.

Your specific tasks are:

1. Design a Sleek, Modern UI:

   • Create a user interface that embodies Sporsmaç's innovative brand identity
   • Use current design trends, typography, and color schemes that appeal to a tech-savvy basketball audience
   • Ensure the design is clean, uncluttered, and intuitive for easy navigation

2. Responsive Design for All Screens:

   • Implement a mobile-first approach using React Native's built-in responsive capabilities
   • Test the website thoroughly on various screen sizes, including smartphones, tablets, and desktops
   • Optimize layout and content for each device category to maintain a consistent look and feel

3. Integrate Core Sporsmaç Features:

   • Build a feature allowing users to follow their favorite matches, teams, leagues, and players
   • Implement real-time updates and notifications for scores, schedules, and player updates
   • Use WebSocket or similar technology for low-latency, real-time data synchronization with the mobile app

4. Enhance Performance and Loading Times:

   • Optimize your codebase for fast rendering and minimal memory usage
   • Use React Native's performance profiling tools to identify and eliminate bottlenecks
   • Implement lazy loading, pagination, and caching strategies to reduce data transfer and improve speed

5. Leverage React Native Libraries and Tools:

   • Choose appropriate React Native libraries for charts, maps, and animations relevant to sports content
   • Utilize React Navigation for smooth, interactive navigation between pages
   • Consider using Redux or MobX for state management and data consistency across the web and mobile app

Please provide a comprehensive technical description of the proposed architecture, the key components, and the development roadmap. Explain how you will ensure the website integrates flawlessly with Sporsmaç's existing mobile application and how you will maintain a high level of performance and security.