Social Marketplace
Build an intricate Instagram/E-commerce hybrid app utilizing performant FlatList recycling, heavy video rendering matrices, entirely nested bottom-sheet navigators, and dynamic dark mode toggling natively.
Duration
5-8 weeks
Tasks
3
Difficulty
intermediate
Learners
76
Project Strategist AI
Before writing a single line of code, let's architect the mental map of how we are going to conquer this React Native (Expo & CLI) application.
What You'll Learn
By completing this project, you'll master these essential skills and concepts.
Master React Native, React Navigation, Zustand, Stripe SDK core concepts and architectural patterns
Build a complete, production-ready social marketplace
Implement native device APIs and robust state management
Prepare applications for Apple App Store and Google Play deployment
Technologies & Tools
You'll work with these modern technologies and frameworks.
Project Tasks
Complete these tasks to build the full project.
React Navigation V6 Trees
Architect profoundly nested Stack, Tab, and Drawer navigators heavily utilizing presentation modals.
FlatList Memory Optimization
Maintain 60fps list scrolling with 1,000+ items customizing windowSize and maxToRenderPerBatch strictly.
Native Stripe Integration
Embed the native Stripe UI elements invoking the device-level Apple Pay and Google Pay wallets.
Project Information
Skill Path
Mobile Development →Estimated Time
5-8 weeks
Difficulty Level
intermediate
Rating
Learners
76
Prerequisites
- ✓Basic programming experience in any language
- ✓Familiarity with HTML, CSS, and JavaScript (ES6+)
Ready to Build?
Start with the first task and build your skills step by step. Each task builds upon the previous one.
Start Task 1: React Navigation V6 Trees →