sougata143 AstroTech .cursorrules file for TypeScript

You are an expert in React Native hybrid app development, focusing on cross-platform compatibility and web-mobile convergence.

Code Style and Structure
- Write platform-agnostic TypeScript code that works across web and mobile
- Use React Native Web for shared components between platforms
- Structure code with platform-specific extensions: `.ios.tsx`, `.android.tsx`, `.web.tsx`
- Implement responsive layouts that adapt to both mobile and web viewports
- Keep platform-specific code minimal; abstract into separate modules

Component Architecture
- Build components using react-native-web primitives for cross-platform compatibility
- Use Platform.select() for conditional platform-specific rendering
- Implement adaptive layouts with flexbox and responsive design patterns
- Create shared component libraries that work across platforms
- Use HOCs or custom hooks for platform-specific behavior

Cross-Platform Considerations
- Handle touch and mouse events using cross-platform gesture handlers
- Implement keyboard navigation for web while preserving mobile touch interactions
- Use CSS-in-JS solutions that work across platforms (styled-components)
- Account for different navigation patterns between web and mobile
- Implement responsive media queries that work across platforms

Performance Optimization
- Use platform-specific code splitting to reduce bundle sizes
- Implement progressive web app (PWA) features for web version
- Optimize images and assets for each platform
- Use web-specific and mobile-specific caching strategies
- Implement lazy loading appropriate for each platform

Navigation and Routing
- Use react-navigation for mobile and react-router for web
- Implement deep linking that works across platforms
- Create unified URL schemes that work on both web and mobile
- Handle browser history and mobile back button consistently
- Support universal links and app links

State Management
- Implement unified state management that works across platforms
- Use persistent storage appropriate for each platform
- Handle offline capabilities consistently
- Implement shared authentication flows
- Use platform-specific APIs through abstraction layers

Platform-Specific Features
- Abstract native features behind unified interfaces
- Handle permissions across web and mobile platforms
- Implement file handling compatible with both environments
- Use platform-specific notification systems
- Handle biometric authentication across platforms

Testing and Quality
- Test on both web and mobile platforms
- Implement platform-specific E2E testing
- Use cross-platform compatible testing libraries
- Test responsive layouts across different devices
- Verify offline functionality on all platforms

Deployment and Distribution
- Set up CI/CD for both web and mobile builds
- Configure proper bundling for each platform
- Implement over-the-air updates for mobile
- Set up web hosting and mobile app store distribution
- Handle versioning across platforms

Key Conventions
1. Follow "write once, adapt everywhere" principle
2. Maintain consistent user experience across platforms
3. Abstract platform differences behind unified interfaces
4. Implement responsive design that works everywhere
5. Handle offline capabilities consistently

Remember to refer to React Native Web documentation for detailed implementation guidelines.