Travel guide is React Native media share application where users can share images, videos and descriptions about their post among other users. Users can give feedback to other users through comments and likes.
- User can go through post feed, search any post or user
- User can upload a new image or video with title, description
- User can communicate with other users through liking, commenting in the post.
- User can modify, delete own's post, comment or dislike already liked post.
- User can visit own's or other user's profile page
- User can upload new avatar, modify username and password
- User can view who liked or commented in the post
- React Native
- react native component
- UI Library: React Native Elements
- React Navigation
- React Hook Form
- Lottie
- Expo
- And many more...
There are a couple of things you need to install to set up the environment for React Native.
- NodeJS
- NPM
Be sure to update the versions (for each of Android and iOS) in app.json in the root, between build updates.
You can build the app using expo commands:
To run it on your Android emulator, first build your project with the apk flag by running,
expo build:android -t apk // for building apk.
and you can drag and drop the .apk into the emulator.
To run it on your Android device, make sure you have the Android platform tools installed along with adb, then just run
expo build:android -t app-bundle // for building bundle
These commands directly build your app but you have to create an account on expo. Also for more details regarding building for android you can follow this doc Expo Android Build Doc. This has a step by step instructions to build your app.
Once done, if you want to push to the Google PlayStore, use:
expo upload:android
with USB debugging enabled on your device and the device plugged in.
If building with XCode, first do the following on a newly installed copy of the code, in the ios folder:
pod install
expo build:ios -t archive // for app store
expo build:ios -t simulator // for simulation
For more details regarding building for ios you can follow this doc Expo IOS Build Doc. This has a step by step instructions to build your app.
Or you can directly build ios and android app from xcode and android studio directly which is same as you do for standalone app.
Once done, if you want to push to the Apple AppStore, use:
expo upload:ios
After installing NodeJS and NPM successfully in your system you can proceed.
This app has been built with expo (a wrapper for react-native). To run this app, first you need to install expo-cli on your local machine and then expo app on your phone.
###On local machine
npm install -g expo-cli
Now, clone the repo, install packages and start:
git clone https://github.com/Argier96/Travel-Guide.git
cd Travel-Guide
npm install
npm start
Now download the expo app from android play store or ios app store then open expo app on the phone. Scan the QR code from the metro bundle in http://localhost:19000, You will be able to run the app now.
- UI modified to remove the confusion in like/favourite and likers list
- Background color of feed header changed
- Upload post icon modified
- Register page modified to avoid keyboard block
- Fixed useravatar unstability
- Uniform Notification feature added throughout the app