/buzzle-app

Instagram clone app (Buzzle) with React Native (Expo) and Firebase.

Primary LanguageJavaScript

Instagram clone app (Buzzle) with React Native (Expo), Firebase and React Hook Form.

This project was my first experience with React Native and mobile development. I learned a lot of things while doing it. It was really fun to do mobile development with Expo.

📚 Documentation

Learn about building and deploying universal apps in Expo official docs!

📷 Screens (Demo)

Splash + Onboard screen

Splash and onboard

Login + Register Screen

Login Register

Homepage + Story Screen

Homepage Story

First, Install deps (If you haven't install Expo before, follow these steps)

$ yarn install

In the project directory, run the Metro Bundler::

$ npm run start

#or

$ yarn start

Then, run your project on iOS Simulator or Android Emulator

$ yarn ios 
#or
$ npm run ios

###

$ yarn android
#or
$ npm run android

🗂️ Packages used in this project

Package Version
@react-navigation/bottom-tabs ^6.0.9
@react-navigation/core ^6.1.0
@react-navigation/native ^6.0.6
@react-navigation/native-stack ^6.2.5
expo ~44.0.0
expo-linear-gradient ~11.0.0
expo-status-bar ~1.2.0
firebase ^8.2.3
moment ^2.29.1
react ^17.0.1
react-dom ^17.0.1
react-hook-form ^7.22.5
react-native ^0.64.3
react-native-gesture-handler ~2.1.0
react-native-get-random-values ^1.7.2
react-native-insta-story ^1.1.4
react-native-root-toast ^3.3.0
react-native-safe-area-context ^3.3.2
react-native-screens ~3.10.1
react-native-svg ^12.1.1
react-native-swiper ^1.6.0
react-native-web ^0.17.1
Dev dependencies Version
@babel/core ^7.12.9
prettier ^2.5.1
react-native-svg-transformer ^0.14.3