Fully functional Instagram replica built in React Native, showcasing my skills as a mobile app developer. Explore the features and functionality of Instagram in this project.
- User authentication.
- Discover, search, and share content and users.
- Create, edit, and share posts, stories, and reels.
- Easy image uploads from your device or camera.
- Social interaction: like, comment, and follow other users.
- Personalized user profiles with information and a list of posts.
- Real-time notifications and chat to keep you connected.
- Expo.
- React Native.
- Firebase (authentication and cloud storage).
- Node.js.
- Android Studio (for Android).
- Xcode (for iOS).
- Firebase.
-
Set Up Firebase:
- Create a project on Firebase and enable Authentication, Firestore, and Storage.
- Apply the Firebase and Firestore rules located in the folders
/src/services/firebase.rules
yfirestore.rules
. - Add your Firebase credentials to the file
/src/services/firebaseConfig.js
. - Rename
/src/services/firebaseConfig.js
to/src/services/firebase.js
.
-
Download the repository
git clone https://github.com/hernanhawryluk/instagram-clone-app
- Navigate to the project directory
cd instagram-clone-app
- Install dependencies
npm install
- Create a Developer Build
- To run on the iOS emulator:
npx expo run:ios
- To run on the Android emulator:
npx expo run:android
- Start the application
npm start
-
Select the emulator
- Press “a” for the Android emulator.
- Press “i” for the iOS emulator.