react-native-instagram-clone

Developement of this project is divided into three main sections:

1. Creating layout

• 1.1. Mock Design
• 1.2. Break UI Into Components Hierarchy
  • 1.2.1. Common Components
  • 1.2.2. Specific Components
  • 1.2.3. Components Hierarchy
• 1.3. Static App

2. Navigation

• 2.1 Navigation Tree
• 2.2 App Navigation

3. Business Logic Layer

1 Creating UI components

1.1 Mock Design

For this project, design is done with help of online diagram software namely draw.io. Full design available through this link

1.2 Break UI Into Components Hierarchy

1.2.1 Common Components

1.2.2 Specific Components

1.2.3 Components Hierarchy

1.3 Static App

Navigation

2.1 Navigation Tree

2.2 App Navigation