Build a Pinterest Clone With React Native

Overview

Build a Pinterest clone with React Native in this comprehensive tutorial for beginners. Learn to develop a full-stack, cross-platform mobile application from scratch. Explore essential concepts like creating complex UI, implementing masonry layout, integrating backend services, adding authentication, and designing a performant GraphQL API. Follow along to construct key features including the Pin component, masonry layout, single pin page, app navigation, profile screen, and pin creation. Gain practical experience with React Native, Expo, and NHost while enhancing your mobile development skills through this hands-on project.

Syllabus

Getting Started
Today's Build
Prerequisites
Initialise Pinterest using Expo
Download & Import Asset Bundle
Screen Cleanup
Build the Pin Component
Build the Masonry Layout
Single Pin Page
Implementing App Navigation
Build the Profile Screen
Refactor Masonry List
Fixing Icons
Fixing Types
Create a Pin Screen
Implement Dynamic Columns in Masonry List
Build Demo & Next Stream Update
Question & Answer Session