olcaneristi / buzzle-app

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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


Languages

Language:JavaScript 100.0%