A modern, iOS-first React Native news reader app built with cutting-edge technologies. This project serves as a comprehensive showcase of building professional mobile applications using Cursor.com AI-powered development.
- WordPress Integration: Real-time content from WordPress REST API
- Smart Search: Advanced search with category filtering
- Bookmark System: Local bookmark management with cross-screen sync
- Offline-First: Local storage with AsyncStorage for optimal performance
- Native Rendering: WordPress content rendered with native components
- iOS-First Design: Native iOS design patterns and interactions
- Featured Articles: Prominent featured story section like professional news apps
- Custom Typography: Plus Jakarta Sans font with system fallback
- Lazy Loading: Skeleton placeholders for smooth image loading
- Responsive Layout: Optimized for all iOS screen sizes
- Aggressive Caching: 24-hour cache for WordPress content
- Optimized Images: expo-image with smart caching
- Hermes Runtime: Enhanced JavaScript performance
- Tamagui Compiler: Compile-time optimizations for UI components
- React Native - Cross-platform mobile development
- Expo + EAS - Development platform and build system
- TypeScript - Type-safe development
- Tamagui - Universal design system with compile-time optimizations
- Expo Router - File-based navigation system
- TanStack Query - Server state management with caching
- AsyncStorage - Local data persistence
- WordPress REST API - Content management system
- wp-block-to-html - Native Gutenberg block rendering
- Axios - HTTP client for API requests
- Node.js 18+
- npm or yarn
- Expo CLI
- iOS Simulator (for iOS development)
-
Clone the repository
git clone https://github.com/madebyaris/aris-baca-berita.git cd aris-baca-berita -
Install dependencies
npm install
-
Start the development server
npm start
-
Run on iOS
npm run ios
The app is configured to use wp.madebyaris.com as the WordPress data source. To use your own WordPress site:
- Update the API base URL in
services/wordpress.ts - Ensure your WordPress site has the REST API enabled
- Configure CORS if needed for cross-origin requests
Coming soon - Screenshots of the app in action
This project follows a design-first approach:
- Design System - Tamagui tokens and components
- UI Components - Reusable, accessible components
- Screen Layouts - Responsive, native-feeling screens
- Data Integration - WordPress API integration
- Performance - Optimization and caching
- Cursor Rules - Custom AI guidance for consistent development
- TypeScript Strict - Full type safety across the codebase
- Performance First - Lazy loading, caching, and optimization
- Native Feel - iOS design patterns and interactions
This project is a comprehensive test of Cursor.com's AI-powered development capabilities, showcasing:
- Intelligent Code Generation - Complex React Native components
- Architecture Decisions - Modern mobile app patterns
- Performance Optimization - Caching strategies and lazy loading
- Design Implementation - Professional UI/UX development
- Problem Solving - Real-world development challenges
The project includes custom Cursor Rules for:
- Tamagui design system guidelines
- WordPress content rendering patterns
- Local storage best practices
- Performance optimization strategies
- TypeScript patterns and type safety
- Showcase Modern React Native Development
- Test AI-Powered Development with Cursor.com
- Create a Production-Ready News Reader App
- Demonstrate Best Practices and Patterns
- Build an Open Source Learning Resource
Contributions are welcome! This project serves as a learning resource for the React Native community.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
I specialize in building modern, performant mobile and web applications using cutting-edge technologies. Whether you need:
- React Native Mobile Apps - iOS and Android development
- Next.js Web Applications - Full-stack web development
- WordPress Integration - Custom WordPress solutions
- AI-Powered Development - Leveraging tools like Cursor.com
- Performance Optimization - Making your apps lightning fast
Having issues with your Vibe Coder or Vibe Builder app? I offer specialized services to:
- Debug and fix existing issues
- Optimize performance and user experience
- Add new features and functionality
- Modernize legacy code
- Implement best practices
If this project helped you learn or build something awesome, consider supporting its development:
- GitHub Sponsors - Sponsor this project
Ready to build something amazing together? Let's connect:
- 📧 Email: [email protected]
- 💬 Telegram: @madebyaris
- 🐦 X (Twitter): @arisberikut
- Mobile app development (React Native, Flutter)
- Web development (Next.js, React, Vue.js)
- Backend development (Node.js, Python, PHP)
- WordPress custom development
- AI integration and automation
- Performance optimization
- Code reviews and consulting
- Cursor.com - For revolutionizing AI-powered development
- Expo Team - For the amazing development platform
- Tamagui - For the incredible design system
- WordPress - For the robust content management system
- React Native Community - For the endless inspiration
Built with ❤️ using Cursor.com
Showcasing the future of AI-powered development