A modern, cross-platform application built with React Native and Expo, following SOLID principles. This entire project was generated with Cursor AI powered by Claude 3.7 Sonnet thinking agent.
- Cross-Platform Compatibility: Works on iOS, Android, and Web
- Dynamic Theme Management: Support for light/dark mode with system detection
- Persistent Theme Preferences: Using AsyncStorage
- Responsive Design: Safe area aware and properly responsive across devices
- Navigation System: Drawer navigation for intuitive app navigation
- React Native: Core framework
- Expo: Development platform
- TypeScript: Type safety
- Zustand: State management
- AsyncStorage: Persistent storage
- React Navigation: Navigation management
The project follows SOLID principles with a clean architecture:
- Contexts: For theme management (ThemeContext)
- Components: Reusable UI components
- Store: State management using Zustand
- Node.js (v14 or newer)
- npm or yarn
- Expo CLI
- Clone the repository
git clone <repository-url>
cd dskw- Install dependencies
npm install
# or
yarn- Start the development server
npx expo startThis entire project, including code, architecture decisions, and documentation, was generated through pair programming with Cursor AI powered by Claude 3.7 Sonnet thinking agent.
The development process included:
- Setting up the project structure
- Implementing theme management
- Creating navigation systems
- Building UI components
- Troubleshooting and debugging