Instagram-clone icon indicating copy to clipboard operation
Instagram-clone copied to clipboard

A clone of the Instagram app 📱 🥳 . made with React-native and Typescript ❤️.

InstagramClone

A clone of the Instagram app (October 2019) made with React, React-native and Typescript.

Preview

App-demo

Screen (Home)

App-demo

Screen (Profile)

App-demo

Screen (Gallery)

App-demo

Screen (Camera)

App-demo

Screen (Story)

App-demo

Screen (Comments)

App-demo

Screen (Search By Tag)

App-demo

Screen (-#-)

App-demo

Dependencies

  • React Native (With Typescript)
  • Native Base
  • React Navigation
  • Others (See package.json at the root folder)

Get Started

1. Clone the Repo

On the command prompt run the following commands

$ git clone https://github.com/Doha26/InstagramClone.git

$ cd InstagramClone

$ npm install

$ grep -rl "s.dependency 'React/Core'" node_modules/ | xargs sed -i '' 's=React/Core=React-Core=g' // To replace React/Core with React-core for all dependencies that use it 

$ cd ios && pod install && cd..

$ react-native run-ios

Author

  • Pavel Foujeu

    Twitter: Pavel_FFP Linkedin: pavel-foujeu-8a8992142 GitHub Doha26

Done with React-native